@luftborn/custom-elements 1.1.42 → 1.1.44

package/dist/elements/NumericField/NumericFieldElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericFieldElement.js","sourceRoot":"","sources":["../../../src/elements/NumericField/NumericFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA0BtE;IAAyC,uCAAkB;IAG1D;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,sCAAK;aAAT;YACC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE;gBACrC,OAAO,EAAE,CAAC;aACV;YACD,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;QAClC,CAAC;aAED,UAAU,KAAU;YACnB,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,KAAK,CAAC;QACnC,CAAC;;;OAJA;IAMD,sBAAI,sCAAK;aAAT;YACC,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QACnC,CAAC;;;OAAA;IAED,+CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,6CAAe,GAAf;QACC,IAAI,CAAC,MAAM,GAAG,iBAAM,aAAa,YAAC,gBAAgB,CAAC,CAAC;QACpD,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACzC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;SAC1C;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;SAC1C;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;SAC5C;IACF,CAAC;IAED,SAAS;IACF,oCAAM,GAAb,UAAc,MAAM;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,sCAAQ,GAAf;QACC,IAAI,CAAC,KAAK,CAAC;QACX,IAAI,CAAC,UAAU,CAAC,IAAI,CACnB,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAClD,CAAC;IACH,CAAC;IAtDW,mBAAmB;QAxB/B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,iBAAiB;YAC3B,QAAQ,EAAE,oGAGD;YACT,KAAK,EAAE,iUAeI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,mBAAmB,CAuD/B;IAAD,0BAAC;CAAA,AAvDD,CAAyC,uCAAkB,GAuD1D;AAvDY,kDAAmB"}

package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.d.ts

@@ -0,0 +1,14 @@
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class RadioButtonGroupElement extends CustomInputElement {
+    radioButton: HTMLInputElement[];
+    radioButtonTemplate: string;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    private addRadioButtons;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js

@@ -0,0 +1,100 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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.RadioButtonGroupElement = void 0;
+var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
+var CustomInputElement_1 = require("../../framework/CustomInputElement");
+var CustomEvents_1 = require("../../framework/CustomEvents");
+var utilities_1 = require("@luftborn/utilities");
+var RadioButtonGroupElement = /** @class */ (function (_super) {
+    __extends(RadioButtonGroupElement, _super);
+    function RadioButtonGroupElement() {
+        var _this = _super.call(this) || this;
+        _this.radioButtonTemplate = "\n\t<div class='radio-button'>\n\t\t<input type='radio' name='{0}' value=\"{1}\" id=\"{2}\" {3}/>\n\t\t<label for=\"{2}\">{1}</label>\n\t</div>";
+        return _this;
+    }
+    Object.defineProperty(RadioButtonGroupElement.prototype, "value", {
+        get: function () {
+            return this.radioButton.filter(function (c) { return c.checked; }).map(function (c) { return c.value; })[0];
+        },
+        set: function (value) {
+            var matchedRadio = this.radioButton.filter(function (c) { return c.value === value; })[0];
+            if (matchedRadio) {
+                matchedRadio.setAttribute('checked', '');
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RadioButtonGroupElement.prototype, "valid", {
+        get: function () {
+            if (this.required) {
+                return this.radioButton.filter(function (c) { return c.checked; }).length > 0;
+            }
+            else {
+                return true;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    RadioButtonGroupElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    RadioButtonGroupElement.prototype.initChildInputs = function () {
+        var _this = this;
+        this.addRadioButtons();
+        this.radioButton = _super.prototype.getChildInputs.call(this, "[name='" + this.name + "']");
+        this.radioButton.forEach(function (radio) {
+            return radio.addEventListener('change', _this.change.bind(_this));
+        });
+    };
+    RadioButtonGroupElement.prototype.addRadioButtons = function () {
+        var _this = this;
+        var wrapper = _super.prototype.getChildElement.call(this, '.wrapper');
+        wrapper.innerHTML = "";
+        this.options.forEach(function (element, index) {
+            wrapper.insertAdjacentHTML('beforeend', utilities_1.StringUtil.StringFormat(_this.radioButtonTemplate, _this.name, element, _this.name + "-" + index, "" + (_this.required ? 'required' : '')));
+        });
+    };
+    // events
+    RadioButtonGroupElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    RadioButtonGroupElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    RadioButtonGroupElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'radio-group-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t</div>",
+            style: "\n\t\t\t:host{\n\t\t\t\twidth:100%;\n\t\t\t}\n\t\t\t.radio-button {\n\t\t\t\twidth: auto;\n\t\t\t\tmargin: auto 3px;\n\t\t\t\tcolor: rgba(72, 72, 72, 0.75);\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t\tinput{\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: auto !important;\n\t\t\t\tborder: none;\n\t\t\t\tbackground-color: #f1f4ff;\n\t\t\t\tmargin: 2px;\n\t\t\t\tresize: none;\n\t\t\t}\n\t\t",
+            useShadow: true,
+        })
+    ], RadioButtonGroupElement);
+    return RadioButtonGroupElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.RadioButtonGroupElement = RadioButtonGroupElement;
+//# sourceMappingURL=RadioButtonGroupElement.js.map

package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js.map

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

package/dist/elements/TextAreaElement/TextAreaElement.d.ts

@@ -0,0 +1,12 @@
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class TextAreaElement extends CustomInputElement {
+    text: HTMLInputElement;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/TextAreaElement/TextAreaElement.js

@@ -0,0 +1,80 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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.TextAreaElement = void 0;
+var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
+var CustomInputElement_1 = require("../../framework/CustomInputElement");
+var CustomEvents_1 = require("../../framework/CustomEvents");
+var TextAreaElement = /** @class */ (function (_super) {
+    __extends(TextAreaElement, _super);
+    function TextAreaElement() {
+        return _super.call(this) || this;
+    }
+    Object.defineProperty(TextAreaElement.prototype, "value", {
+        get: function () {
+            return "" + this.text.value;
+        },
+        set: function (value) {
+            this.text.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaElement.prototype, "valid", {
+        get: function () {
+            return this.text.validity.valid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TextAreaElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    TextAreaElement.prototype.initChildInputs = function () {
+        this.text = _super.prototype.getChildInput.call(this, '#text-area-field');
+        this.text.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.text.setAttribute('required', '');
+        }
+    };
+    // events
+    TextAreaElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    TextAreaElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    TextAreaElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'text-area-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<textarea rows=5 id='text-area-field'></textarea>\n\t\t\t</div>",
+            style: "\n    :host{\n            width:100%;\n    }\n    .wrapper{\n            display:flex;\n    }\n    textarea{\n            box-sizing: border-box;\n            width: 100% !important;\n            border: none;\n            background-color: #f1f4ff;\n            margin: 2px;\n            resize: none;\n    }\n           ",
+            useShadow: true,
+        })
+    ], TextAreaElement);
+    return TextAreaElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.TextAreaElement = TextAreaElement;
+//# sourceMappingURL=TextAreaElement.js.map

package/dist/elements/TextAreaElement/TextAreaElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaElement.js","sourceRoot":"","sources":["../../../src/elements/TextAreaElement/TextAreaElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA0BtE;IAAqC,mCAAkB;IAGtD;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,kCAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,IAAI,CAAC,KAAO,CAAC;QAC7B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAJA;IAMD,sBAAI,kCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAED,2CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,yCAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,kBAAkB,CAAC,CAAC;QACpD,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;IACF,CAAC;IAED,SAAS;IACF,gCAAM,GAAb,UAAc,MAAM;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,kCAAQ,GAAf;QACC,IAAI,CAAC,KAAK,CAAC;QACX,IAAI,CAAC,UAAU,CAAC,IAAI,CACnB,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAClD,CAAC;IACH,CAAC;IA1CW,eAAe;QAxB3B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,mBAAmB;YAC7B,QAAQ,EAAE,0GAGD;YACT,KAAK,EAAE,oUAeI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,eAAe,CA2C3B;IAAD,sBAAC;CAAA,AA3CD,CAAqC,uCAAkB,GA2CtD;AA3CY,0CAAe"}

package/dist/elements/TextField/TextFieldElement.d.ts

@@ -0,0 +1,12 @@
+import { CustomInputElement } from '../../framework/CustomInputElement';
+export declare class TextFieldElement extends CustomInputElement {
+    text: HTMLInputElement;
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/TextField/TextFieldElement.js

@@ -0,0 +1,80 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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.TextFieldElement = void 0;
+var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
+var CustomInputElement_1 = require("../../framework/CustomInputElement");
+var CustomEvents_1 = require("../../framework/CustomEvents");
+var TextFieldElement = /** @class */ (function (_super) {
+    __extends(TextFieldElement, _super);
+    function TextFieldElement() {
+        return _super.call(this) || this;
+    }
+    Object.defineProperty(TextFieldElement.prototype, "value", {
+        get: function () {
+            return "" + this.text.value;
+        },
+        set: function (value) {
+            this.text.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextFieldElement.prototype, "valid", {
+        get: function () {
+            return this.text.validity.valid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TextFieldElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    TextFieldElement.prototype.initChildInputs = function () {
+        this.text = _super.prototype.getChildInput.call(this, '#text-field');
+        this.text.addEventListener('change', this.change.bind(this));
+        if (this.required) {
+            this.text.setAttribute('required', '');
+        }
+    };
+    // events
+    TextFieldElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    TextFieldElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    TextFieldElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'text-element',
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='text-field'/>\n\t\t\t</div>",
+            style: "\n\t:host{\n\t\t\twidth:100%;\n\t}\n\t.wrapper{\n\t\t\tdisplay:flex;\n\t}\n\tinput{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder: none;\n\t\t\tbackground-color: #f1f4ff;\n\t\t\tmargin: 2px;\n\t\t\tresize: none;\n\t}\n\t\t",
+            useShadow: true,
+        })
+    ], TextFieldElement);
+    return TextFieldElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.TextFieldElement = TextFieldElement;
+//# sourceMappingURL=TextFieldElement.js.map

package/dist/elements/TextField/TextFieldElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldElement.js","sourceRoot":"","sources":["../../../src/elements/TextField/TextFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA0BtE;IAAsC,oCAAkB;IAGvD;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,mCAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,IAAI,CAAC,KAAO,CAAC;QAC7B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAJA;IAMD,sBAAI,mCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAED,4CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,0CAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,aAAa,CAAC,CAAC;QAC/C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;IACF,CAAC;IAED,SAAS;IACF,iCAAM,GAAb,UAAc,MAAM;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,mCAAQ,GAAf;QACC,IAAI,CAAC,KAAK,CAAC;QACX,IAAI,CAAC,UAAU,CAAC,IAAI,CACnB,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAClD,CAAC;IACH,CAAC;IA1CW,gBAAgB;QAxB5B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,+FAGD;YACT,KAAK,EAAE,8PAeL;YACF,SAAS,EAAE,IAAI;SACf,CAAC;OACW,gBAAgB,CA2C5B;IAAD,uBAAC;CAAA,AA3CD,CAAsC,uCAAkB,GA2CvD;AA3CY,4CAAgB"}

package/dist/elements/TypeAhead/TypeAheadElement.d.ts

@@ -0,0 +1,24 @@
+import { CustomInputElement } from '../../framework/CustomInputElement';
+import OptionWithDescription from '../../framework/Models/OptionWithDescription';
+export declare class TypeAheadElement extends CustomInputElement {
+    private textInputElement;
+    private descriptionElement;
+    private componentWrapper;
+    private currentFoucsedIndex;
+    selectedOption: OptionWithDescription;
+    searchResultOptions: OptionWithDescription[];
+    constructor();
+    private get searchHasResults();
+    get value(): string;
+    set value(value: string);
+    get valid(): boolean;
+    connectedCallback(): void;
+    initChildInputs(): void;
+    private inputEventHandler;
+    private closeOptionsList;
+    private optionSelectedHandler;
+    private bindNavigation;
+    highlightFocusedSearchResult(): void;
+    change($event: any): void;
+    validate(): void;
+}

package/dist/elements/TypeAhead/TypeAheadElement.js

@@ -0,0 +1,210 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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.TypeAheadElement = void 0;
+var custom_element_decorator_1 = require("../../framework/custom-element.decorator");
+var CustomInputElement_1 = require("../../framework/CustomInputElement");
+var CustomEvents_1 = require("../../framework/CustomEvents");
+var DomUtility_1 = require("../../framework/Utilities/DomUtility");
+var TypeAheadElement = /** @class */ (function (_super) {
+    __extends(TypeAheadElement, _super);
+    function TypeAheadElement() {
+        var _this = _super.call(this) || this;
+        _this.currentFoucsedIndex = -1;
+        _this.searchResultOptions = [];
+        return _this;
+    }
+    Object.defineProperty(TypeAheadElement.prototype, "searchHasResults", {
+        get: function () {
+            var autocompleteList = _super.prototype.getChildElement.call(this, '.options-list');
+            return autocompleteList && this.optionsWithDescriptions && this.optionsWithDescriptions.length > 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TypeAheadElement.prototype, "value", {
+        get: function () {
+            if (!this.selectedOption) {
+                return null;
+            }
+            return this.selectedOption.value;
+        },
+        set: function (value) {
+            if (!this.optionsWithDescriptions || this.optionsWithDescriptions.length === 0) {
+                return;
+            }
+            var option = this.optionsWithDescriptions.find(function (option) { return option.value === value; });
+            if (!option) {
+                this.descriptionElement.innerHTML = null;
+                return;
+            }
+            this.selectedOption = option;
+            this.textInputElement.value = option.title;
+            this.descriptionElement.innerHTML = option.description;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TypeAheadElement.prototype, "valid", {
+        get: function () {
+            if (this.required) {
+                return !!this.selectedOption;
+            }
+            return !!this.selectedOption || this.textInputElement.value === '';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TypeAheadElement.prototype.connectedCallback = function () {
+        _super.prototype.connectedCallback.call(this);
+    };
+    TypeAheadElement.prototype.initChildInputs = function () {
+        var _this = this;
+        this.textInputElement = _super.prototype.getChildInput.call(this, '#text-input');
+        this.descriptionElement = _super.prototype.getChildInput.call(this, '#description');
+        this.componentWrapper = _super.prototype.getChildElement.call(this, '.wrapper');
+        if (this.required) {
+            this.textInputElement.setAttribute('required', '');
+        }
+        this.textInputElement.addEventListener('change', this.change.bind(this));
+        this.textInputElement.addEventListener('input', function () {
+            _this.inputEventHandler();
+        });
+        this.bindNavigation();
+    };
+    TypeAheadElement.prototype.inputEventHandler = function () {
+        var _this = this;
+        this.selectedOption = null;
+        this.descriptionElement.innerHTML = null;
+        this.closeOptionsList();
+        this.searchResultOptions = [];
+        var searchValue = this.textInputElement.value;
+        if (!searchValue || searchValue.trim() === '') {
+            return;
+        }
+        var optionslist = document.createElement('div');
+        optionslist.classList.add('options-list');
+        if (!this.optionsWithDescriptions) {
+            return;
+        }
+        this.optionsWithDescriptions.forEach(function (option, index) {
+            var regex = new RegExp(searchValue, 'gi');
+            var isMatchingTitle = regex.test(option.title);
+            var isMatchingValue = regex.test(option.value);
+            var isMatchingDescription = regex.test(option.description);
+            if (!isMatchingTitle && !isMatchingValue && !isMatchingDescription) {
+                return;
+            }
+            _this.searchResultOptions.push(option);
+            var optionsListItem = document.createElement("div");
+            optionsListItem.classList.add('options-list-item');
+            optionsListItem.dataset['value'] = option.value;
+            optionslist.appendChild(optionsListItem);
+            var optionsListItemTitle = document.createElement("div");
+            optionsListItemTitle.classList.add('options-list-item-title');
+            optionsListItemTitle.innerHTML = DomUtility_1.default.boldenText(option.title, searchValue);
+            optionsListItem.appendChild(optionsListItemTitle);
+            var optionsListItemDescription = document.createElement("div");
+            optionsListItemDescription.classList.add('options-list-item-description');
+            optionsListItemDescription.innerHTML = DomUtility_1.default.boldenText(option.description, searchValue);
+            optionsListItem.appendChild(optionsListItemDescription);
+            optionsListItem.addEventListener('click', function () {
+                _this.optionSelectedHandler(option);
+            });
+            _this.componentWrapper.appendChild(optionslist);
+        });
+    };
+    TypeAheadElement.prototype.closeOptionsList = function () {
+        this.currentFoucsedIndex = -1;
+        var optionsList = _super.prototype.getChildElement.call(this, '.options-list');
+        if (!optionsList) {
+            return;
+        }
+        optionsList.remove();
+    };
+    TypeAheadElement.prototype.optionSelectedHandler = function (option) {
+        this.value = option.value;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+        this.closeOptionsList();
+    };
+    TypeAheadElement.prototype.bindNavigation = function () {
+        var _this = this;
+        this.textInputElement.addEventListener('keydown', function (event) {
+            if (event.key === 'Escape') {
+                _this.closeOptionsList();
+            }
+            if (event.key === 'ArrowDown') {
+                if (!_this.searchHasResults) {
+                    return;
+                }
+                _this.currentFoucsedIndex = _this.currentFoucsedIndex === _this.searchResultOptions.length - 1 ? 0 : _this.currentFoucsedIndex + 1;
+                _this.highlightFocusedSearchResult();
+            }
+            if (event.key === 'ArrowUp') {
+                if (!_this.searchHasResults) {
+                    return;
+                }
+                _this.currentFoucsedIndex = _this.currentFoucsedIndex === 0 ? _this.searchResultOptions.length - 1 : _this.currentFoucsedIndex - 1;
+                _this.highlightFocusedSearchResult();
+            }
+            if (event.key === 'Enter') {
+                if (_this.currentFoucsedIndex !== -1 && _this.searchHasResults) {
+                    _this.optionSelectedHandler(_this.searchResultOptions[_this.currentFoucsedIndex]);
+                    return;
+                }
+            }
+        });
+    };
+    TypeAheadElement.prototype.highlightFocusedSearchResult = function () {
+        var _this = this;
+        var optionListItems = _super.prototype.getChildElements.call(this, '.options-list-item');
+        if (!optionListItems) {
+            return;
+        }
+        optionListItems.forEach(function (listItem, index) {
+            listItem.classList.remove('active');
+            if (index === _this.currentFoucsedIndex) {
+                listItem.classList.add('active');
+            }
+        });
+    };
+    TypeAheadElement.prototype.change = function ($event) {
+        this.touched = true;
+        this.onChange.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'change'));
+    };
+    TypeAheadElement.prototype.validate = function () {
+        this.valid;
+        this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
+    };
+    TypeAheadElement = __decorate([
+        (0, custom_element_decorator_1.default)({
+            selector: 'type-ahead-element',
+            template: "\n\t\t<div class=\"wrapper\">\n\t\t\t<input type=\"text\" id=\"text-input\">\n\t\t\t<div id=\"description\"></div>\n\t\t</div>",
+            style: "\n\t\t:host {\n\t\t\twidth:100%;\n\t\t}\n\t\t.wrapper {\n\t\t\tposition: relative;\n\t\t\tdisplay:flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\t\t#text-input {\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder: none;\n\t\t\tbackground-color: #f1f4ff;\n\t\t\tmargin: 2px;\n\t\t\tresize: none;\n\t\t}\n\t\t.wrapper #description {\n\t\t\twidth: 100%;\n\t\t\tpadding: 0 2px;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.options-list {\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid #E8E8E8;\n\t\t\tborder-bottom: none;\n\t\t\tborder-top: none;\n\t\t\tz-index: 3;\n\t\t\ttop: 100%;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tmax-height: 200px;\n\t\t\toverflow-y: auto;\n\t\t}\n\t\t.options-list-item {\n\t\t\tpadding: 10px;\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #FFFFFF;\n\t\t\tborder-bottom: 1px solid #E8E8E8;\n\t\t}\n\t\t.options-list-item:hover {\n\t\t\tbackground-color: #E8E8E8;\n\t\t}\n\t\t.options-list-item.active {\n\t\t\t/*when navigating through the items using the arrow keys:*/\n\t\t\tbackground-color: #003E64 !important;\n\t\t\tcolor: #FFFFFF;\n\t\t}\n\t\t.options-list-item-title {\n\t\t\tfont-size: 16px;\n\t\t}\n\t\t.options-list-item-description {\n\t\t\tfont-size: 10px;\n\t\t}\n\t",
+            useShadow: true,
+        })
+    ], TypeAheadElement);
+    return TypeAheadElement;
+}(CustomInputElement_1.CustomInputElement));
+exports.TypeAheadElement = TypeAheadElement;
+//# sourceMappingURL=TypeAheadElement.js.map

package/dist/elements/TypeAhead/TypeAheadElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeAheadElement.js","sourceRoot":"","sources":["../../../src/elements/TypeAhead/TypeAheadElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AAEtE,mEAA8D;AAoE9D;IAAsC,oCAAkB;IAUvD;QAAA,YACC,iBAAO,SACP;QAPO,yBAAmB,GAAG,CAAC,CAAC,CAAC;QAGjC,yBAAmB,GAA4B,EAAE,CAAC;;IAIlD,CAAC;IAED,sBAAY,8CAAgB;aAA5B;YACC,IAAM,gBAAgB,GAAG,iBAAM,eAAe,YAAC,eAAe,CAAC,CAAC;YAChE,OAAO,gBAAgB,IAAI,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC,uBAAuB,CAAC,MAAM,GAAG,CAAC,CAAC;QACpG,CAAC;;;OAAA;IAED,sBAAI,mCAAK;aAAT;YACC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;gBACzB,OAAO,IAAI,CAAC;aACZ;YACD,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QAClC,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC,uBAAuB,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC/E,OAAO;aACP;YACD,IAAM,MAAM,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,KAAK,KAAK,KAAK,EAAtB,CAAsB,CAAC,CAAC;YACnF,IAAI,CAAC,MAAM,EAAE;gBACZ,IAAI,CAAC,kBAAkB,CAAC,SAAS,GAAG,IAAI,CAAC;gBACzC,OAAO;aACP;YACD,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;YAC7B,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC3C,IAAI,CAAC,kBAAkB,CAAC,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC;QACxD,CAAC;;;OAdA;IAgBD,sBAAI,mCAAK;aAAT;YACC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAClB,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;aAC7B;YACD,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,KAAK,EAAE,CAAC;QACpE,CAAC;;;OAAA;IAED,4CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,0CAAe,GAAf;QAAA,iBAYC;QAXA,IAAI,CAAC,gBAAgB,GAAG,iBAAM,aAAa,YAAC,aAAa,CAAC,CAAC;QAC3D,IAAI,CAAC,kBAAkB,GAAG,iBAAM,aAAa,YAAC,cAAc,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,GAAG,iBAAM,eAAe,YAAC,UAAU,CAAC,CAAC;QAC1D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACnD;QACD,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACzE,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC/C,KAAI,CAAC,iBAAiB,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,cAAc,EAAE,CAAC;IACvB,CAAC;IAEO,4CAAiB,GAAzB;QAAA,iBAyCC;QAxCA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,kBAAkB,CAAC,SAAS,GAAG,IAAI,CAAC;QACzC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;QAChD,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC9C,OAAO;SACP;QACD,IAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClD,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAE1C,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YAClC,OAAO;SACP;QACD,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,UAAC,MAA6B,EAAE,KAAK;YACzE,IAAI,KAAK,GAAG,IAAI,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAC1C,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,IAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YAC7D,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,IAAI,CAAC,qBAAqB,EAAE;gBACnE,OAAO;aACP;YACD,KAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtC,IAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACtD,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YACnD,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC;YAChD,WAAW,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;YACzC,IAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC3D,oBAAoB,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;YAC9D,oBAAoB,CAAC,SAAS,GAAG,oBAAU,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YAClF,eAAe,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;YAClD,IAAM,0BAA0B,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjE,0BAA0B,CAAC,SAAS,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;YAC1E,0BAA0B,CAAC,SAAS,GAAG,oBAAU,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YAC9F,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC;YACxD,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE;gBACzC,KAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;YACH,KAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACJ,CAAC;IAEO,2CAAgB,GAAxB;QACC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC;QAC9B,IAAM,WAAW,GAAG,iBAAM,eAAe,YAAC,eAAe,CAAC,CAAC;QAC3D,IAAI,CAAC,WAAW,EAAE;YACjB,OAAO;SACP;QACD,WAAW,CAAC,MAAM,EAAE,CAAC;IACtB,CAAC;IAEO,gDAAqB,GAA7B,UAA8B,MAA6B;QAC1D,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;QACrE,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACzB,CAAC;IAEO,yCAAc,GAAtB;QAAA,iBA0BC;QAzBA,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAC,KAAK;YACvD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;gBAC3B,KAAI,CAAC,gBAAgB,EAAE,CAAC;aACxB;YACD,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;gBAC9B,IAAI,CAAC,KAAI,CAAC,gBAAgB,EAAE;oBAC3B,OAAO;iBACP;gBACD,KAAI,CAAC,mBAAmB,GAAG,KAAI,CAAC,mBAAmB,KAAK,KAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC;gBAC/H,KAAI,CAAC,4BAA4B,EAAE,CAAC;aACpC;YACD,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC5B,IAAI,CAAC,KAAI,CAAC,gBAAgB,EAAE;oBAC3B,OAAO;iBACP;gBACD,KAAI,CAAC,mBAAmB,GAAG,KAAI,CAAC,mBAAmB,KAAK,CAAC,CAAC,CAAC,CAAC,KAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC;gBAC/H,KAAI,CAAC,4BAA4B,EAAE,CAAC;aACpC;YACD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;gBAC1B,IAAI,KAAI,CAAC,mBAAmB,KAAK,CAAC,CAAC,IAAI,KAAI,CAAC,gBAAgB,EAAE;oBAC7D,KAAI,CAAC,qBAAqB,CAAC,KAAI,CAAC,mBAAmB,CAAC,KAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;oBAC/E,OAAO;iBACP;aACD;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,uDAA4B,GAA5B;QAAA,iBAWC;QAVA,IAAM,eAAe,GAAG,iBAAM,gBAAgB,YAAC,oBAAoB,CAAC,CAAC;QACrE,IAAI,CAAC,eAAe,EAAE;YACrB,OAAO;SACP;QACD,eAAe,CAAC,OAAO,CAAC,UAAC,QAAQ,EAAE,KAAK;YACvC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACpC,IAAI,KAAK,KAAK,KAAI,CAAC,mBAAmB,EAAE;gBACvC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;aACjC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAEM,iCAAM,GAAb,UAAc,MAAM;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,mCAAQ,GAAf;QACC,IAAI,CAAC,KAAK,CAAC;QACX,IAAI,CAAC,UAAU,CAAC,IAAI,CACnB,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAClD,CAAC;IACH,CAAC;IA9KW,gBAAgB;QAlE5B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,oBAAoB;YAC9B,QAAQ,EAAE,gIAIF;YACR,KAAK,EAAE,kxCAwDN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,gBAAgB,CA+K5B;IAAD,uBAAC;CAAA,AA/KD,CAAsC,uCAAkB,GA+KvD;AA/KY,4CAAgB"}

package/dist/framework/CustomEvents.d.ts

@@ -0,0 +1,21 @@
+export interface Listener<T> {
+    (event: T): any;
+}
+export interface Disposable {
+    dispose(): any;
+}
+export declare class CustomElementEventArgs {
+    value: any;
+    eventName: string;
+    constructor(value: any, eventName: string);
+}
+/** passes through events as they happen. You will not get events from before you start listening */
+export declare class CustomElementEvent<T> {
+    private listeners;
+    private listenersOncer;
+    on: (listener: Listener<T>) => Disposable;
+    once: (listener: Listener<T>) => void;
+    off: (listener: Listener<T>) => void;
+    emit: (event: T) => void;
+    pipe: (te: CustomElementEvent<T>) => Disposable;
+}

package/dist/framework/CustomEvents.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomElementEvent = exports.CustomElementEventArgs = void 0;
+var CustomElementEventArgs = /** @class */ (function () {
+    function CustomElementEventArgs(value, eventName) {
+        this.value = value;
+        this.eventName = eventName;
+    }
+    return CustomElementEventArgs;
+}());
+exports.CustomElementEventArgs = CustomElementEventArgs;
+/** passes through events as they happen. You will not get events from before you start listening */
+var CustomElementEvent = /** @class */ (function () {
+    function CustomElementEvent() {
+        var _this = this;
+        this.listeners = [];
+        this.listenersOncer = [];
+        this.on = function (listener) {
+            _this.listeners.push(listener);
+            return {
+                dispose: function () { return _this.off(listener); },
+            };
+        };
+        this.once = function (listener) {
+            _this.listenersOncer.push(listener);
+        };
+        this.off = function (listener) {
+            var callbackIndex = _this.listeners.indexOf(listener);
+            if (callbackIndex > -1)
+                _this.listeners.splice(callbackIndex, 1);
+        };
+        this.emit = function (event) {
+            /** Update any general listeners */
+            _this.listeners.forEach(function (listener) { return listener(event); });
+            /** Clear the `once` queue */
+            if (_this.listenersOncer.length > 0) {
+                _this.listenersOncer.forEach(function (listener) { return listener(event); });
+                _this.listenersOncer = [];
+            }
+        };
+        this.pipe = function (te) {
+            return _this.on(function (e) { return te.emit(e); });
+        };
+    }
+    return CustomElementEvent;
+}());
+exports.CustomElementEvent = CustomElementEvent;
+//# sourceMappingURL=CustomEvents.js.map