@omegagrid/core 0.2.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"attributeTable.d.ts","sourceRoot":"","sources":["../../src/ui/attributeTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,qBAEa,cAAe,SAAQ,UAAU;IAE7C,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,WAAW,EAAE,CAAC;IAErB,MAAM,6CASJ;CAEF"}

package/dist/ui/attributeTable.js

@@ -0,0 +1,39 @@
+"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.AttributeTable = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const map_js_1 = require("lit/directives/map.js");
+const styling_1 = require("../styling");
+const button_style_1 = require("./button.style");
+let AttributeTable = class AttributeTable extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.render = () => (0, lit_1.html) `
+		<table>
+			${(0, map_js_1.map)(this.items, item => (0, lit_1.html) `
+				<tr>
+					<th>${item.k}</th>
+					<td>${item.v}</td>
+				</tr>
+			`)}
+		</table>
+	`;
+    }
+};
+exports.AttributeTable = AttributeTable;
+AttributeTable.styles = [button_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], AttributeTable.prototype, "items", void 0);
+exports.AttributeTable = AttributeTable = __decorate([
+    (0, decorators_js_1.customElement)(`og-attributetable`),
+    (0, styling_1.stylable)({ vars: ['font-size', 'background-color'] })
+], AttributeTable);
+//# sourceMappingURL=attributeTable.js.map

package/dist/ui/attributeTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributeTable.js","sourceRoot":"","sources":["../../src/ui/attributeTable.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAAuC;AACvC,qDAA4D;AAC5D,kDAA4C;AAC5C,wCAAsC;AACtC,iDAAuC;AAKhC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,gBAAU;IAAvC;;QAON,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;KAEf,IAAA,YAAG,EAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAA,UAAI,EAAA;;WAEtB,IAAI,CAAC,CAAC;WACN,IAAI,CAAC,CAAC;;IAEb,CAAC;;EAEH,CAAC;IAEH,CAAC;;AAlBY,wCAAc;AAEnB,qBAAM,GAAG,CAAC,oBAAK,CAAC,AAAV,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;6CACH;yBALT,cAAc;IAF1B,IAAA,6BAAa,EAAC,mBAAmB,CAAC;IAClC,IAAA,kBAAQ,EAAC,EAAC,IAAI,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC,EAAC,CAAC;GACvC,cAAc,CAkB1B"}

package/dist/ui/baseElement.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class ComponentEvent extends Event {
+}
+export declare class BaseElement extends LitElement {
+    readonly customProperties: Record<string, unknown>;
+}
+//# sourceMappingURL=baseElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"baseElement.d.ts","sourceRoot":"","sources":["../../src/ui/baseElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,qBAAa,cAAe,SAAQ,KAAK;CAAI;AAE7C,qBAAa,WAAY,SAAQ,UAAU;IAE1C,SAAgB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;CAE/D"}

package/dist/ui/baseElement.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseElement = exports.ComponentEvent = void 0;
+const lit_1 = require("lit");
+class ComponentEvent extends Event {
+}
+exports.ComponentEvent = ComponentEvent;
+class BaseElement extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.customProperties = {};
+    }
+}
+exports.BaseElement = BaseElement;
+//# sourceMappingURL=baseElement.js.map

package/dist/ui/baseElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseElement.js","sourceRoot":"","sources":["../../src/ui/baseElement.ts"],"names":[],"mappings":";;;AAAA,6BAAiC;AAEjC,MAAa,cAAe,SAAQ,KAAK;CAAI;AAA7C,wCAA6C;AAE7C,MAAa,WAAY,SAAQ,gBAAU;IAA3C;;QAEiB,qBAAgB,GAA4B,EAAE,CAAC;IAEhE,CAAC;CAAA;AAJD,kCAIC"}

package/dist/ui/button.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import { ColorTypes } from '../types';
+import { IconSpec } from './icon';
+export declare class Button extends LitElement {
+    static styles: import("lit").CSSResult[];
+    icon: string | IconSpec;
+    text: string;
+    color: ColorTypes;
+    caret: boolean;
+    disabled: boolean;
+    default: boolean;
+    state: 'checked' | 'unchecked';
+    type: 'normal' | 'toggle';
+    buttonIcon: IconSpec;
+    constructor();
+    willUpdate(props: Map<PropertyKey, undefined>): void;
+    get hasContent(): string | boolean;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGlC,qBAEa,MAAO,SAAQ,UAAU;IAErC,MAAM,CAAC,MAAM,4BAAW;IAGxB,IAAI,EAAE,MAAM,GAAC,QAAQ,CAAC;IAGtB,IAAI,EAAE,MAAM,CAAQ;IAGpB,KAAK,EAAE,UAAU,CAAqB;IAGtC,KAAK,UAAS;IAGd,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,KAAK,EAAE,SAAS,GAAC,WAAW,CAAQ;IAGpC,IAAI,EAAE,QAAQ,GAAC,QAAQ,CAAY;IAGnC,UAAU,EAAE,QAAQ,CAAC;;IAYrB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC;IAgB7C,IAAI,UAAU,qBAA2F;IAEzG,MAAM,6CAWJ;CAEF"}

package/dist/ui/button.js

@@ -0,0 +1,98 @@
+"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.Button = 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 button_style_1 = require("./button.style");
+const class_map_js_1 = require("lit-html/directives/class-map.js");
+const common_1 = require("../common");
+let Button = class Button extends lit_1.LitElement {
+    constructor() {
+        super();
+        this.text = null;
+        this.color = types_1.ColorTypes.Accent;
+        this.caret = false;
+        this.disabled = false;
+        this.default = false;
+        this.state = null;
+        this.type = 'normal';
+        this.render = () => (0, lit_1.html) `
+		<div class="${(0, class_map_js_1.classMap)({ inner: true, 'has-content': this.hasContent })}">
+			${this.buttonIcon ? (0, lit_1.html) `<og-icon .icon="${this.buttonIcon}"></og-icon>` : (0, lit_1.html) ``}
+			${this.hasContent ? (0, lit_1.html) `
+			<div class="content">${this.text == null || this.text === ''
+            ? (0, lit_1.html) `<slot name="content"></slot>`
+            : (0, lit_1.html) `${this.text}`}
+			</div>
+			` : (0, lit_1.html) ``}
+			${this.caret ? (0, lit_1.html) `<og-fa-icon icon="caret-down" style="margin: 0 2px 0 4px">` : ''}
+		</div>
+	`;
+        this.addEventListener('click', (e) => {
+            if (this.disabled)
+                e.stopImmediatePropagation();
+            else if (this.type == 'toggle') {
+                this.state = this.state == 'checked' ? 'unchecked' : 'checked';
+            }
+        });
+    }
+    willUpdate(props) {
+        if (this.type == 'toggle' && this.state == null) {
+            this.state = 'unchecked';
+        }
+        if (props.has('icon')) {
+            if (common_1.utils.isObject(this.icon)) {
+                this.buttonIcon = this.icon;
+            }
+            else if (this.icon) {
+                this.buttonIcon = { icon: this.icon };
+            }
+            else {
+                this.buttonIcon = null;
+            }
+        }
+    }
+    get hasContent() { return this.text || (this.children.length > 0 && this.children[0].slot == 'content'); }
+};
+exports.Button = Button;
+Button.styles = [button_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)()
+], Button.prototype, "icon", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Button.prototype, "text", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Button.prototype, "color", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], Button.prototype, "caret", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], Button.prototype, "disabled", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], Button.prototype, "default", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Button.prototype, "state", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Button.prototype, "type", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], Button.prototype, "buttonIcon", void 0);
+exports.Button = Button = __decorate([
+    (0, decorators_js_1.customElement)(`og-button`),
+    (0, styling_1.stylable)({ vars: ['font-size', 'background-color'], colorType: ['color', 'border', 'background'] })
+], Button);
+//# sourceMappingURL=button.js.map

package/dist/ui/button.js.map

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

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

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

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

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

package/dist/ui/button.style.js

@@ -0,0 +1,72 @@
+"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);
+		cursor: pointer;
+		display: inline-block;
+		vertical-align: middle;
+		overflow: hidden;
+		padding: 2px;
+		outline: none;
+		//border-radius: 2px;
+	}
+
+	:host([default]) {
+		font-weight: bold;
+		text-decoration: underline;
+	}
+
+	:host([state=unchecked]) {
+		border-color: var(--background-color);
+		background-color: var(--background-color);
+		color: var(--text-color);
+	}
+
+	:host([disabled]), :host([disabled]:hover) {
+		background-color: gray;
+		border-color: var(--border-color);
+		cursor: not-allowed;
+		opacity: 0.5;
+	}
+
+	:host(:hover) {
+		opacity: 0.8;
+	}
+
+	og-icon {
+		flex: 0;
+	}
+
+	div.inner {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		height: 100%;
+	}
+
+	div.content {
+		flex: 1 0;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.has-content og-icon {
+		margin: 0 4px;
+	}
+
+	og-icon+.content {
+		margin-left: 4px;
+		margin-right: 4px;
+	}
+	
+`;
+//# sourceMappingURL=button.style.js.map

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

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

package/dist/ui/checkbox.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+export type CheckboxState = 'none' | 'checked' | 'indeterminable' | 'unchecked';
+export declare class Checkbox extends LitElement {
+    static defaultIconSet: string;
+    static defaultAlternateIconSet: string;
+    get iconSet(): string;
+    get alternateIconSet(): string;
+    static styles: import("lit").CSSResult;
+    value: CheckboxState;
+    color: string;
+    get icon(): string;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,MAAM,KAAK,CAAC;AAK5C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,GAAG,WAAW,CAAC;AAShF,qBACa,QAAS,SAAQ,UAAU;IAEvC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC;IAEvC,IAAI,OAAO,IAAI,MAAM,CAA0D;IAC/E,IAAI,gBAAgB,IAAI,MAAM,CAAmE;IAEjG,MAAM,CAAC,MAAM,0BAYX;IAGF,KAAK,EAAE,aAAa,CAAU;IAG9B,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,IAAI,WAAgE;IAExE,MAAM,6CAKJ;CAEF"}

package/dist/ui/checkbox.js

@@ -0,0 +1,59 @@
+"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 Checkbox_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const lit_1 = require("lit");
+const style_map_js_1 = require("lit-html/directives/style-map.js");
+const decorators_js_1 = require("lit/decorators.js");
+const fontawesome_svg_core_1 = require("@fortawesome/fontawesome-svg-core");
+const iconMap = {
+    'none': '',
+    'checked': '-check',
+    'indeterminable': '-minus',
+    'unchecked': '-xmark',
+};
+let Checkbox = Checkbox_1 = class Checkbox extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = 'none';
+        this.render = () => (0, lit_1.html) `
+		<og-fa-icon
+			.icon="${[this.value == 'checked' || this.value == 'unchecked' ? this.iconSet : this.alternateIconSet, this.icon]}"
+			style="${(0, style_map_js_1.styleMap)({ color: this.color })}">
+		</og-fa-icon>
+	`;
+    }
+    get iconSet() { return Checkbox_1.defaultIconSet || fontawesome_svg_core_1.config.styleDefault; }
+    get alternateIconSet() { return Checkbox_1.defaultAlternateIconSet || fontawesome_svg_core_1.config.styleDefault; }
+    get icon() { return 'square' + (this.value ? iconMap[this.value] : ''); }
+};
+exports.Checkbox = Checkbox;
+Checkbox.styles = (0, lit_1.css) `
+		:host([value="checked"]) {
+			color: var(--accent-color);
+		}
+
+		:host([value="unchecked"]) {
+			color: '#ff0000';
+		}
+
+		:host([value="none"]) {
+			color: '#666666';
+		}
+	`;
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Checkbox.prototype, "value", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Checkbox.prototype, "color", void 0);
+exports.Checkbox = Checkbox = Checkbox_1 = __decorate([
+    (0, decorators_js_1.customElement)('og-checkbox')
+], Checkbox);
+//# sourceMappingURL=checkbox.js.map

package/dist/ui/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/ui/checkbox.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,6BAA4C;AAC5C,mEAA4D;AAC5D,qDAA4D;AAC5D,4EAA2D;AAI3D,MAAM,OAAO,GAAkC;IAC9C,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,QAAQ;IACnB,gBAAgB,EAAE,QAAQ;IAC1B,WAAW,EAAE,QAAQ;CACrB,CAAC;AAGK,IAAM,QAAQ,gBAAd,MAAM,QAAS,SAAQ,gBAAU;IAAjC;;QAuBN,UAAK,GAAkB,MAAM,CAAC;QAO9B,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;YAER,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS,IAAI,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC;YACxG,IAAA,uBAAQ,EAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC;;EAEvC,CAAC;IAEH,CAAC;IAhCA,IAAI,OAAO,KAAa,OAAO,UAAQ,CAAC,cAAc,IAAI,6BAAM,CAAC,YAAY,CAAA,CAAC,CAAC;IAC/E,IAAI,gBAAgB,KAAa,OAAO,UAAQ,CAAC,uBAAuB,IAAI,6BAAM,CAAC,YAAY,CAAA,CAAC,CAAC;IAsBjG,IAAI,IAAI,KAAK,OAAO,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA,CAAC,CAAC;;AA5B5D,4BAAQ;AAQb,eAAM,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;EAYlB,AAZY,CAYX;AAGF;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;uCACV;AAG9B;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCACX;mBA1BF,QAAQ;IADpB,IAAA,6BAAa,EAAC,aAAa,CAAC;GAChB,QAAQ,CAqCpB"}

package/dist/ui/colorpicker.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class ColorpickerEvent extends Event {
+    readonly color: string;
+    constructor(type: string, color: string);
+}
+export declare class Colorpicker extends LitElement {
+    static styles: import("lit").CSSResult;
+    colors: string[][];
+    color: string;
+    input: HTMLInputElement;
+    firstUpdated(): void;
+    willUpdate(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=colorpicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorpicker.d.ts","sourceRoot":"","sources":["../../src/ui/colorpicker.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAO,MAAM,KAAK,CAAC;AA6C5C,qBAAa,gBAAiB,SAAQ,KAAK;aAEA,KAAK,EAAE,MAAM;gBAA3C,IAAI,EAAE,MAAM,EAAkB,KAAK,EAAE,MAAM;CAGvD;AAED,qBAEa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,0BAiCX;IAGF,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;IAGnB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,gBAAgB,CAAC;IAExB,YAAY;IAwBZ,UAAU;IAOV,MAAM,6CAcJ;CAEF"}

package/dist/ui/colorpicker.js

@@ -0,0 +1,160 @@
+"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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Colorpicker = exports.ColorpickerEvent = void 0;
+const constants_1 = __importDefault(require("../constants"));
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const map_js_1 = require("lit/directives/map.js");
+const class_map_js_1 = require("lit/directives/class-map.js");
+const color_1 = __importDefault(require("color"));
+const common_1 = require("../common");
+const styling_1 = require("../styling");
+const colors_1 = require("../common/colors");
+const baseColors = [
+    '#808080',
+    '#961e1d',
+    '#ba2f2a',
+    '#ed1b24',
+    '#F1631B',
+    '#F7941D',
+    '#FFC210',
+    '#FEF200',
+    '#CADB2A',
+    '#87BE2F',
+    '#66B032',
+    '#2E913E',
+    '#006F3C',
+    '#007071',
+    '#008DB1',
+    '#00ADF1',
+    '#008FD5',
+    '#0274BB',
+    '#0054AE',
+    '#2F3397',
+    '#573498',
+    '#6B3499',
+    '#92278F',
+    '#B91B8A',
+    '#EA028C',
+];
+const createColors = (rows) => {
+    const colors = [];
+    for (let l = 0; l <= 100; l += 100 / rows) {
+        colors.push(baseColors.map(c => (0, color_1.default)(c).hsl().l(l).hex().toString()));
+    }
+    return colors;
+};
+class ColorpickerEvent extends Event {
+    constructor(type, color) {
+        super(`${type}`);
+        this.color = color;
+    }
+}
+exports.ColorpickerEvent = ColorpickerEvent;
+let Colorpicker = class Colorpicker extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.render = () => (0, lit_1.html) `
+		<table>
+			${(0, map_js_1.map)(this.colors, row => (0, lit_1.html) `<tr>
+				${(0, map_js_1.map)(row, color => (0, lit_1.html) `<td>
+					<div 
+						class="${(0, class_map_js_1.classMap)({ color: true, selected: this.color == color })}"
+						data-color="${color}"
+						style="background: ${color}">
+					</div>
+				</td>`)}
+			</tr>`)}
+		</table>
+
+		<input type="text">
+	`;
+    }
+    firstUpdated() {
+        common_1.dom.on(this, 'click', '.color', (_e, elm) => {
+            this.color = elm.dataset.color;
+            this.dispatchEvent(new ColorpickerEvent('select', this.color));
+        });
+        common_1.dom.on(this, 'mousemove', '.color', (_e, elm) => {
+            if (this.input.value != elm.dataset.color) {
+                const color = elm.dataset.color;
+                this.input.value = color;
+                this.input.style.color = (0, colors_1.getComplmentaryColor)(color);
+                this.input.style.backgroundColor = color;
+                this.dispatchEvent(new ColorpickerEvent('preview', color));
+            }
+        });
+        this.addEventListener('mouseout', () => {
+            var _a, _b;
+            this.input.value = (_a = this.color) !== null && _a !== void 0 ? _a : '';
+            this.input.style.color = this.color ? (0, colors_1.getComplmentaryColor)(this.color) : '';
+            this.input.style.backgroundColor = (_b = this.color) !== null && _b !== void 0 ? _b : '';
+            this.dispatchEvent(new ColorpickerEvent('previewEnd', this.color));
+        });
+    }
+    willUpdate() {
+        if (this.color && this.color[0] != '#')
+            this.color = `#${this.color}`;
+        if (!this.colors || this.colors.length == 0) {
+            this.colors = createColors(5);
+        }
+    }
+};
+exports.Colorpicker = Colorpicker;
+Colorpicker.styles = (0, lit_1.css) `
+		* { box-sizing: border-box }
+
+		:host {
+			display: inline-block;
+		}
+
+		.color {
+			width: ${constants_1.default.COLORPICKER_COLOR_SIZE}px;
+			height: ${constants_1.default.COLORPICKER_COLOR_SIZE}px;
+			cursor: pointer;
+			border: 2px solid transparent;
+		}
+
+		.color:hover, .color.selected {
+			border-color: var(--accent-color);
+		}
+
+		table {
+			border: 1px solid var(--accent-color);
+		}
+
+		input {
+			border-width: 0;
+			outline: none;
+			height: 100%;
+			flex: 1;
+			width: 100%;
+			background-color: var(--background-color);
+			color: var(--text-color);
+			border: 1px solid var(--accent-color);
+			text-align: center;
+		}
+	`;
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], Colorpicker.prototype, "colors", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Colorpicker.prototype, "color", void 0);
+__decorate([
+    (0, decorators_js_1.query)('input')
+], Colorpicker.prototype, "input", void 0);
+exports.Colorpicker = Colorpicker = __decorate([
+    (0, decorators_js_1.customElement)('og-colorpicker'),
+    (0, styling_1.stylable)({ vars: ['accent-color', 'background-color', 'text-color'] })
+], Colorpicker);
+//# sourceMappingURL=colorpicker.js.map

package/dist/ui/colorpicker.js.map

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

package/dist/ui/container.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+export declare class Container extends LitElement {
+    static styles: import("lit").CSSResult;
+    content: string;
+    overscroll: boolean;
+    inner: HTMLDivElement;
+    private verticalSliderRef;
+    private horizontalSliderRef;
+    private resizeObserver;
+    private touchStart;
+    private _mouseIn;
+    get isScrolling(): boolean;
+    fixScrollPosition(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    scrollVerticalByPixels(deltaY: number): boolean;
+    scrollVerticalTo(top: number): void;
+    scrollHorizontalByPixels(deltaX: number): boolean;
+    scrollHorizontalTo(left: number): void;
+    firstUpdated(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+    get scrollHeight(): number;
+    get scrollWidth(): number;
+    updateSliders(): void;
+}
+//# sourceMappingURL=container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,qBACa,SAAU,SAAQ,UAAU;IAExC,MAAM,CAAC,MAAM,0BAsBX;IAGF,OAAO,EAAE,MAAM,CAAC;IAGhB,UAAU,UAAS;IAGnB,KAAK,EAAE,cAAc,CAAC;IAEtB,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,QAAQ,CAAS;IAEzB,IAAI,WAAW,YAA6F;IAE5G,iBAAiB;IAQjB,iBAAiB;IAQjB,oBAAoB;IAOpB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAc/C,gBAAgB,CAAC,GAAG,EAAE,MAAM;IAQ5B,wBAAwB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAQjD,kBAAkB,CAAC,IAAI,EAAE,MAAM;IAO/B,YAAY;IA4DZ,MAAM,6CAIJ;IAEF,IAAI,YAAY,WAEf;IAED,IAAI,WAAW,WAEd;IAED,aAAa;CAoCb"}