@omegagrid/form 0.2.5

package/dist/ui/controls/button.js

@@ -0,0 +1,70 @@
+"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.FormButton = void 0;
+const core_1 = require("@omegagrid/core");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const baseControl_1 = require("./baseControl");
+let FormButton = class FormButton extends core_1.Button {
+    constructor() {
+        super();
+        this.value = null;
+        this.addEventListener('click', () => {
+            // just to trigger change event
+            this.updateValue(this.value);
+        });
+    }
+    updateValue(value, dispatchEvent = true) {
+        if (!this.model)
+            return;
+        this.value = value;
+        this.validate();
+        if (dispatchEvent) {
+            this.dispatchEvent(new baseControl_1.ControlEvent('change', this.model, value));
+        }
+    }
+    willUpdate(changedProps) {
+        if (changedProps.has('model')) {
+            if (this.value === null)
+                this.value = this.model.props.value;
+            if (this.model.props.options)
+                Object.assign(this, this.model.props.options);
+        }
+        if (changedProps.has('value'))
+            this.text = this.value;
+    }
+    reset() {
+        this.updateValue(this.model.props.value);
+    }
+    validate() {
+        this.model.errors = [];
+    }
+    get isValid() { return this.model.errors.length === 0; }
+};
+exports.FormButton = FormButton;
+FormButton.styles = [...core_1.Button.styles, (0, lit_1.css) `
+		:host {
+			width: 100%;
+			text-align: center;
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], FormButton.prototype, "model", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], FormButton.prototype, "adapter", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], FormButton.prototype, "value", void 0);
+exports.FormButton = FormButton = __decorate([
+    (0, decorators_js_1.customElement)('og-form-button'),
+    (0, core_1.stylable)({ colorType: ['color', 'border', 'background'] })
+], FormButton);
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/ui/controls/button.ts"],"names":[],"mappings":";;;;;;;;;AAAA,0CAAiE;AACjE,6BAA0B;AAC1B,qDAA4D;AAE5D,+CAAuD;AAIhD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,aAAU;IAkBzC;QACC,KAAK,EAAE,CAAC;QAHT,UAAK,GAAW,IAAI,CAAC;QAIpB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACnC,+BAA+B;YAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACJ,CAAC;IAES,WAAW,CAAC,KAAa,EAAE,aAAa,GAAG,IAAI;QACxD,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,aAAa,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,IAAI,0BAAY,CAAS,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC;IACF,CAAC;IAED,UAAU,CAAC,YAAuC;QACjD,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/B,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI;gBAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAe,CAAC;YACvE,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;gBAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC7E,CAAC;QAED,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC;YAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;IACvD,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAe,CAAC,CAAC;IACpD,CAAC;IAED,QAAQ;QACP,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;IACxB,CAAC;IAED,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAA,CAAC,CAAC;;AApD3C,gCAAU;AAEf,iBAAM,GAAG,CAAC,GAAG,aAAU,CAAC,MAAM,EAAE,IAAA,SAAG,EAAA;;;;;EAKzC,CAAC,AALW,CAKV;AAGH;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCACD;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;2CACX;AAGd;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCACJ;qBAhBT,UAAU;IAFtB,IAAA,6BAAa,EAAC,gBAAgB,CAAC;IAC/B,IAAA,eAAQ,EAAC,EAAC,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAC,EAAC,CAAC;GAC5C,UAAU,CAsDtB"}

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

@@ -0,0 +1,7 @@
+import { BaseControl } from "./baseControl";
+export declare class FormCheckbox extends BaseControl<boolean> {
+    get isValid(): boolean;
+    constructor();
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/checkbox.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,qBACa,YAAa,SAAQ,WAAW,CAAC,OAAO,CAAC;IAErD,IAAI,OAAO,YAAkB;;IAS7B,MAAM,6CAEJ;CAEF"}

package/dist/ui/controls/checkbox.js

@@ -0,0 +1,29 @@
+"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.FormCheckbox = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const baseControl_1 = require("./baseControl");
+let FormCheckbox = class FormCheckbox extends baseControl_1.BaseControl {
+    get isValid() { return true; }
+    constructor() {
+        super();
+        this.render = () => (0, lit_1.html) `
+		<og-checkbox .value="${this.value ? 'checked' : 'none'}"></og-checkbox>
+	`;
+        this.addEventListener('click', () => {
+            this.updateValue(!this.value);
+        });
+    }
+};
+exports.FormCheckbox = FormCheckbox;
+exports.FormCheckbox = FormCheckbox = __decorate([
+    (0, decorators_js_1.customElement)('og-form-checkbox')
+], FormCheckbox);
+//# sourceMappingURL=checkbox.js.map

package/dist/ui/controls/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/ui/controls/checkbox.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA2B;AAC3B,qDAAkD;AAClD,+CAA4C;AAGrC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,yBAAoB;IAErD,IAAI,OAAO,KAAK,OAAO,IAAI,CAAA,CAAC,CAAC;IAE7B;QACC,KAAK,EAAE,CAAC;QAMT,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;yBACK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;EACtD,CAAC;QAPD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACnC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACJ,CAAC;CAMD,CAAA;AAfY,oCAAY;uBAAZ,YAAY;IADxB,IAAA,6BAAa,EAAC,kBAAkB,CAAC;GACrB,YAAY,CAexB"}

package/dist/ui/controls/colorInput.d.ts

@@ -0,0 +1,8 @@
+import { BaseControl } from "./baseControl";
+import { ColorpickerEvent } from "@omegagrid/core";
+export declare class FormColorInput extends BaseControl<string> {
+    static styles: import("lit").CSSResult[];
+    _onSelect: (e: ColorpickerEvent) => void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=colorInput.d.ts.map

package/dist/ui/controls/colorInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorInput.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/colorInput.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAS,MAAM,iBAAiB,CAAC;AAE1D,qBACa,cAAe,SAAQ,WAAW,CAAC,MAAM,CAAC;IAEtD,MAAM,CAAC,MAAM,4BAA2B;IAExC,SAAS,MAAO,gBAAgB,UAE/B;IAED,MAAM,6CAYJ;CAEF"}

package/dist/ui/controls/colorInput.js

@@ -0,0 +1,41 @@
+"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.FormColorInput = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const baseControl_1 = require("./baseControl");
+const style_map_js_1 = require("lit/directives/style-map.js");
+const core_1 = require("@omegagrid/core");
+let FormColorInput = class FormColorInput extends baseControl_1.BaseControl {
+    constructor() {
+        super(...arguments);
+        this._onSelect = (e) => {
+            this.updateValue(core_1.utils.trim(e.color, '#'));
+        };
+        this.render = () => (0, lit_1.html) `
+		<og-dropdown>
+			<div slot="label" style="${(0, style_map_js_1.styleMap)({ backgroundColor: this.value ? `#${this.value}` : 'transparent', marginRight: '4px' })}">
+				<og-fa-icon icon="fill"></og-fa-icon>
+			</div>
+
+			<og-colorpicker
+				.color="${this.value}"
+				@select="${this._onSelect}"
+				@mousedown="${(e) => e.stopPropagation()}">
+			</og-colorpicker>
+		</og-dropdown>
+	`;
+    }
+};
+exports.FormColorInput = FormColorInput;
+FormColorInput.styles = [...baseControl_1.BaseControl.styles];
+exports.FormColorInput = FormColorInput = __decorate([
+    (0, decorators_js_1.customElement)('og-form-colorinput')
+], FormColorInput);
+//# sourceMappingURL=colorInput.js.map

package/dist/ui/controls/colorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorInput.js","sourceRoot":"","sources":["../../../src/ui/controls/colorInput.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA2B;AAC3B,qDAAkD;AAClD,+CAA4C;AAC5C,8DAAuD;AACvD,0CAA0D;AAGnD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,yBAAmB;IAAhD;;QAIN,cAAS,GAAG,CAAC,CAAmB,EAAE,EAAE;YACnC,IAAI,CAAC,WAAW,CAAC,YAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;QAC5C,CAAC,CAAA;QAED,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;8BAEU,IAAA,uBAAQ,EAAC,EAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,KAAK,EAAC,CAAC;;;;;cAK9G,IAAI,CAAC,KAAK;eACT,IAAI,CAAC,SAAS;kBACX,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;;;EAGtD,CAAC;IAEH,CAAC;;AAtBY,wCAAc;AAEnB,qBAAM,GAAG,CAAC,GAAG,yBAAW,CAAC,MAAM,CAAC,AAA1B,CAA2B;yBAF5B,cAAc;IAD1B,IAAA,6BAAa,EAAC,oBAAoB,CAAC;GACvB,cAAc,CAsB1B"}

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

@@ -0,0 +1,8 @@
+export * from './textInput';
+export * from './colorInput';
+export * from './numericInput';
+export * from './checkbox';
+export * from './label';
+export * from './list';
+export * from './button';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/dist/ui/controls/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./textInput"), exports);
+__exportStar(require("./colorInput"), exports);
+__exportStar(require("./numericInput"), exports);
+__exportStar(require("./checkbox"), exports);
+__exportStar(require("./label"), exports);
+__exportStar(require("./list"), exports);
+__exportStar(require("./button"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/controls/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,+CAA6B;AAC7B,iDAA+B;AAC/B,6CAA2B;AAC3B,0CAAwB;AACxB,yCAAuB;AACvB,2CAAyB"}

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

@@ -0,0 +1,6 @@
+import { BaseControl } from "./baseControl";
+export declare class FormLabel extends BaseControl<string> {
+    static styles: import("lit").CSSResult[];
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/label.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,qBACa,SAAU,SAAQ,WAAW,CAAC,MAAM,CAAC;IAEjD,MAAM,CAAC,MAAM,4BAuBV;IAEH,MAAM,6CAMJ;CAEF"}

package/dist/ui/controls/label.js

@@ -0,0 +1,54 @@
+"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.FormLabel = void 0;
+const lit_1 = require("lit");
+const class_map_js_1 = require("lit-html/directives/class-map.js");
+const decorators_js_1 = require("lit/decorators.js");
+const baseControl_1 = require("./baseControl");
+let FormLabel = class FormLabel extends baseControl_1.BaseControl {
+    constructor() {
+        super(...arguments);
+        this.render = () => (0, lit_1.html) `
+		<label
+			for="${this.model.props.for}"
+			class="${(0, class_map_js_1.classMap)({ required: this.model.props.required })}">
+			${this.value}
+		</label>
+	`;
+    }
+};
+exports.FormLabel = FormLabel;
+FormLabel.styles = [...baseControl_1.BaseControl.styles, (0, lit_1.css) `
+		:host {
+			width: 100%;
+			border: none !important;
+		}
+
+		label {
+			display: block;
+			padding-right: 10px;
+			width: 100%;
+			text-align: right;
+			color: var(--text-color);
+		}
+
+		/*label.required::after {
+			content: '*';
+			color: red;
+		}
+		label.required {
+			font-weight: bold;
+		}
+		*/
+
+	`];
+exports.FormLabel = FormLabel = __decorate([
+    (0, decorators_js_1.customElement)('og-form-label')
+], FormLabel);
+//# sourceMappingURL=label.js.map

package/dist/ui/controls/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/ui/controls/label.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAAgC;AAChC,mEAA4D;AAC5D,qDAAkD;AAClD,+CAA4C;AAGrC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,yBAAmB;IAA3C;;QA2BN,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;UAEV,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG;YAClB,IAAA,uBAAQ,EAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAC,CAAC;KACtD,IAAI,CAAC,KAAK;;EAEb,CAAC;IAEH,CAAC;;AAnCY,8BAAS;AAEd,gBAAM,GAAG,CAAC,GAAG,yBAAW,CAAC,MAAM,EAAE,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;EAuB1C,CAAC,AAvBW,CAuBV;oBAzBS,SAAS;IADrB,IAAA,6BAAa,EAAC,eAAe,CAAC;GAClB,SAAS,CAmCrB"}

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

@@ -0,0 +1,16 @@
+import { BaseControl } from "./baseControl";
+import { TreeAdapter, SerializedValue, TreeDropdown, TreeEvent } from "@omegagrid/tree";
+export declare class FormList extends BaseControl<SerializedValue[] | string, TreeAdapter> {
+    dropdown: TreeDropdown;
+    private _firstOpen;
+    get isValid(): boolean;
+    private formatValue;
+    reset(): void;
+    _onChange: (e: TreeEvent) => void;
+    _onDropdownOpen: () => void;
+    getAdapter(): TreeAdapter;
+    willUpdate(): Promise<void>;
+    updated(): Promise<void>;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAuC,MAAM,iBAAiB,CAAC;AAE7H,qBACa,QAAS,SAAQ,WAAW,CAAC,eAAe,EAAE,GAAC,MAAM,EAAE,WAAW,CAAC;IAG/E,QAAQ,EAAE,YAAY,CAAC;IAEvB,OAAO,CAAC,UAAU,CAAQ;IAE1B,IAAI,OAAO,YAAkB;IAE7B,OAAO,CAAC,WAAW;IAInB,KAAK;IAQL,SAAS,MAAO,SAAS,UAMxB;IAED,eAAe,aAGd;IAED,UAAU;IAIJ,UAAU;IAWV,OAAO;IAOb,MAAM,6CAUJ;CAEF"}

package/dist/ui/controls/list.js

@@ -0,0 +1,83 @@
+"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.FormList = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const baseControl_1 = require("./baseControl");
+const tree_1 = require("@omegagrid/tree");
+let FormList = class FormList extends baseControl_1.BaseControl {
+    constructor() {
+        super(...arguments);
+        this._firstOpen = true;
+        this._onChange = (e) => {
+            const values = e.component.selection.serialize();
+            if (this.dropdown.tree.options.selectMode == tree_1.SelectMode.Single)
+                this.updateValue(values.length > 0 ? values[0][0] : null, true);
+            else
+                this.updateValue(values, true);
+        };
+        this._onDropdownOpen = () => {
+            var _a;
+            if (this._firstOpen)
+                this._firstOpen = false;
+            else
+                (_a = this.adapter) === null || _a === void 0 ? void 0 : _a.attach(this.dropdown.tree);
+        };
+        this.render = () => (0, lit_1.html) `
+		<og-tree-dropdown 
+			@change="${this._onChange}"
+			@dropdown.open="${this._onDropdownOpen}"
+			?cross="${!this.model.props.required}"
+			.adapter="${this.getAdapter()}"
+			.value="${this.formatValue(this.value)}"
+			.caption="${this.model.props.caption}"
+			.placeholder="${this.model.props.placeholder}">
+		</og-tree-dropdown>
+	`;
+    }
+    get isValid() { return true; }
+    formatValue(value) {
+        return Array.isArray(value) ? value : (value == null ? null : [[value, 0, 1]]);
+    }
+    reset() {
+        super.reset();
+        if (this.dropdown) {
+            this.dropdown.value = null;
+            this.dropdown.value = this.formatValue(this.model.props.value);
+        }
+    }
+    getAdapter() {
+        var _a, _b;
+        return (_a = this.adapter) !== null && _a !== void 0 ? _a : (_b = this.formModel.options) === null || _b === void 0 ? void 0 : _b.treeAdapter;
+    }
+    async willUpdate() {
+        if (this.value) {
+            const adapter = this.getAdapter();
+            if (adapter) {
+                const [options] = await Promise.all([adapter.getOptions()]);
+                if (options && options.selectMode == tree_1.SelectMode.Single)
+                    this.updateValue(Array.isArray(this.value) && this.value.length > 0 ? this.value[0][0] : this.value);
+            }
+        }
+    }
+    async updated() {
+        if (this.model.props.content) {
+            const content = this.model.props.content;
+            this.dropdown.setSourceData(content.sourceData, content.options);
+        }
+    }
+};
+exports.FormList = FormList;
+__decorate([
+    (0, decorators_js_1.query)('og-tree-dropdown')
+], FormList.prototype, "dropdown", void 0);
+exports.FormList = FormList = __decorate([
+    (0, decorators_js_1.customElement)('og-form-list')
+], FormList);
+//# sourceMappingURL=list.js.map

package/dist/ui/controls/list.js.map

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

package/dist/ui/controls/numericInput.d.ts

@@ -0,0 +1,15 @@
+import { BaseControl } from "./baseControl";
+export declare class FormNumericInput extends BaseControl<number> {
+    static styles: import("lit").CSSResult[];
+    min: number;
+    max: number;
+    validate(): void;
+    constructor();
+    _onKeydown: (e: KeyboardEvent) => void;
+    _onChange: (e: InputEvent) => void;
+    updateValue(value: number): void;
+    up: () => void;
+    down: () => void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=numericInput.d.ts.map

package/dist/ui/controls/numericInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numericInput.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/numericInput.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,qBACa,gBAAiB,SAAQ,WAAW,CAAC,MAAM,CAAC;IAExD,MAAM,CAAC,MAAM,4BA4DV;IAGH,GAAG,EAAE,MAAM,CAAC;IAGZ,GAAG,EAAE,MAAM,CAAC;IAEZ,QAAQ;;IASR,UAAU,MAAO,aAAa,UAW7B;IAED,SAAS,MAAO,UAAU,UAEzB;IAED,WAAW,CAAC,KAAK,EAAE,MAAM;IAQzB,EAAE,aAAkD;IACpD,IAAI,aAAiD;IAErD,MAAM,6CAUJ;CAEF"}

package/dist/ui/controls/numericInput.js

@@ -0,0 +1,135 @@
+"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.FormNumericInput = void 0;
+const constants_1 = __importDefault(require("../../constants"));
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const baseControl_1 = require("./baseControl");
+let FormNumericInput = class FormNumericInput extends baseControl_1.BaseControl {
+    validate() {
+        super.validate();
+    }
+    constructor() {
+        super();
+        this._onKeydown = (e) => {
+            switch (e.key) {
+                case 'ArrowUp':
+                    e.preventDefault();
+                    this.up();
+                    break;
+                case 'ArrowDown':
+                    e.preventDefault();
+                    this.down();
+                    break;
+            }
+        };
+        this._onChange = (e) => {
+            this.updateValue(parseFloat(e.target.value));
+        };
+        this.up = () => { var _a; return this.updateValue(((_a = this.value) !== null && _a !== void 0 ? _a : -1) + 1); };
+        this.down = () => { var _a; return this.updateValue(((_a = this.value) !== null && _a !== void 0 ? _a : 1) - 1); };
+        this.render = () => {
+            var _a;
+            return (0, lit_1.html) `
+		<input
+			type="text"
+			.value="${this.value == null ? '' : this.value.toString()}"
+			placeholder="${(_a = this.model) === null || _a === void 0 ? void 0 : _a.props.placeholder}"
+			@change="${this._onChange}" />
+		<div class="buttons">
+			<div id="btnUp" @click="${() => this.up()}"><og-fa-icon icon="caret-up"></og-fa-icon></div>
+			<div id="btnDown" @click="${() => this.down()}"><og-fa-icon icon="caret-down"></og-fa-icon></div>
+		</div>
+	`;
+        };
+        this.addEventListener('keydown', this._onKeydown);
+    }
+    updateValue(value) {
+        if (value != null) {
+            value = isNaN(this.min) ? value : Math.max(value, this.min);
+            value = isNaN(this.max) ? value : Math.min(value, this.max);
+        }
+        super.updateValue(value);
+    }
+};
+exports.FormNumericInput = FormNumericInput;
+FormNumericInput.styles = [...baseControl_1.BaseControl.styles, (0, lit_1.css) `
+		input {
+			border: 1px solid var(--accent-color);
+			background-color: var(--form-background-color);
+			color: var(--text-color);
+			font-size: var(--font-size);
+			height: ${constants_1.default.FORM_CONTROL_HEIGHT}px;
+			line-height: ${constants_1.default.FORM_CONTROL_HEIGHT}px;
+			outline: none;
+			width: 100%;
+			position: relative;
+			text-align: right;
+			padding-right: 20px;
+		}
+
+		.buttons {
+			display: none;
+			position: absolute;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			width: 15px;
+			background-color: var(--accent-color);
+		}
+
+		.buttons > div {
+			color: var(--text-color-2);
+			position: absolute;
+			left: 0;
+			right: 0;
+			height: 50%;
+			overflow: hidden;
+			text-align: center;
+			line-height: 10px;
+		}
+
+		.buttons > div:hover {
+			opacity: 0.5;
+		}
+
+		.buttons > div og-fa-icon {
+			height: 100%;
+		}
+
+		#btnUp {
+			top: 0;
+		}
+
+		#btnDown {
+			bottom: 0;
+		}
+
+		:host {
+			position: relative;
+			box-sizing: border-box;
+		}
+
+		:host(:hover) .buttons {
+			display: block;
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], FormNumericInput.prototype, "min", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], FormNumericInput.prototype, "max", void 0);
+exports.FormNumericInput = FormNumericInput = __decorate([
+    (0, decorators_js_1.customElement)('og-form-numericinput')
+], FormNumericInput);
+//# sourceMappingURL=numericInput.js.map

package/dist/ui/controls/numericInput.js.map

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

package/dist/ui/controls/textInput.d.ts

@@ -0,0 +1,8 @@
+import { BaseControl } from "./baseControl";
+export declare class FormTextInput extends BaseControl<string> {
+    static styles: import("lit").CSSResult[];
+    validate(): void;
+    onChange(e: InputEvent): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=textInput.d.ts.map

package/dist/ui/controls/textInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInput.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/textInput.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,qBACa,aAAc,SAAQ,WAAW,CAAC,MAAM,CAAC;IAErD,MAAM,CAAC,MAAM,4BAWV;IAEH,QAAQ;IAQR,QAAQ,CAAC,CAAC,EAAE,UAAU;IAItB,MAAM,6CAOJ;CAEF"}

package/dist/ui/controls/textInput.js

@@ -0,0 +1,61 @@
+"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.FormTextInput = void 0;
+const constants_1 = __importDefault(require("../../constants"));
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const baseControl_1 = require("./baseControl");
+let FormTextInput = class FormTextInput extends baseControl_1.BaseControl {
+    constructor() {
+        super(...arguments);
+        this.render = () => {
+            var _a, _b;
+            return (0, lit_1.html) `
+		<input
+			type="text"
+			.value="${this.value == null ? '' : this.value}"
+			placeholder="${(_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.props.placeholder) !== null && _b !== void 0 ? _b : ''}"
+			@change="${this.onChange}"
+		>
+	`;
+        };
+    }
+    validate() {
+        var _a;
+        super.validate();
+        if (!this.model)
+            return;
+        if (this.model.props.pattern && !this.model.props.pattern.test((_a = this.value) !== null && _a !== void 0 ? _a : "")) {
+            this.model.errors.push('invalid value');
+        }
+    }
+    onChange(e) {
+        this.updateValue(e.target.value);
+    }
+};
+exports.FormTextInput = FormTextInput;
+FormTextInput.styles = [...baseControl_1.BaseControl.styles, (0, lit_1.css) `
+		input {
+			border: 1px solid var(--accent-color);
+			background-color: var(--form-background-color);
+			color: var(--text-color);
+			font-size: var(--font-size);
+			height: ${constants_1.default.FORM_CONTROL_HEIGHT}px;
+			line-height: ${constants_1.default.FORM_CONTROL_HEIGHT}px;
+			outline: none;
+			width: 100%;
+		}
+	`];
+exports.FormTextInput = FormTextInput = __decorate([
+    (0, decorators_js_1.customElement)('og-form-textinput')
+], FormTextInput);
+//# sourceMappingURL=textInput.js.map