jb-textarea 1.1.1 → 2.0.0

package/README.md

@@ -69,4 +69,6 @@ if you want to set a custom style to this web-component all you need is to set c
 | --jb-textarea-min-height              | minimum height of text area defualt is `80px`                                                 |
 | --jb-textarea-max-height              | minimum height of text area defualt is `none`                                                 |
 | --jb-textarea-placeholder-color       | placeholder color defualt is 'initial'                                                        |
-| --jb-textarea-placeholder-font-size   | placeholder font-size defualt is `initial`                                                    |
+| --jb-textarea-placeholder-font-size   | placeholder font-size defualt is `initial`                                                    |
+| --jb-textarea-label-color             | label color defualt is `#1f1735`                                                              |    
+| --jb-textarea-value-color             | value color                                                                                   |

package/dist/JBTextarea.d.ts

@@ -0,0 +1,31 @@
+import { JBTextareaValidationItem, ValidationResult, ValidationResultSummary } from './Types';
+export declare class JBTextareaWebComponent extends HTMLElement {
+    #private;
+    get value(): string;
+    set value(value: string);
+    constructor();
+    initWebComponent(): void;
+    registerEventListener(): void;
+    validationList: JBTextareaValidationItem[];
+    autoHeight: boolean;
+    validation: ValidationResultSummary;
+    initProp(): void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    onAttributeChange(name: any, value: any): void;
+    changeHeightToContentSize(): void;
+    onInputKeyDown(e: any): void;
+    onInputKeyPress(): void;
+    onInputInput(): void;
+    onInputKeyup(e: any): void;
+    onInputChange(e: any): void;
+    triggerInputValidation(showError?: boolean): ValidationResult;
+    checkInputValidation(inputText: any): ValidationResult;
+    checkValidation(text: any, validation: any): {
+        isValid: boolean;
+        message: any;
+        validation: any;
+    };
+    showValidationError(error: any): void;
+    clearValidationError(): void;
+}

package/dist/JBTextarea.js

@@ -1,49 +1,378 @@
-var HTML = "<div class=\"jb-textarea-web-component\">\r\n    <label class=\"--hide\"><span class=\"label-value\"></span><span>:</span></label>\r\n    <div class=\"textarea-box\">\r\n        <textarea class=\"textarea-input\"></textarea>\r\n    </div>\r\n    <div class=\"message-box\"></div>\r\n</div>";
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-var css_248z = ".jb-textarea-web-component {\n  width: 100%;\n  margin: var(--jb-textarea-margin, 12px 0); }\n  .jb-textarea-web-component label {\n    width: 100%;\n    margin: 4px 0px;\n    display: block;\n    font-size: var(--jb-textarea-label-font-size, 0.8em);\n    color: #1f1735; }\n    .jb-textarea-web-component label.--hide {\n      display: none; }\n  .jb-textarea-web-component .textarea-box {\n    width: 100%;\n    box-sizing: border-box;\n    border: solid var(--jb-textarea-border-width, 1px) var(--jb-textarea-border-color, #f7f6f6);\n    background-color: var(--jb-textarea-bgcolor, #f7f6f6);\n    border-bottom: solid var(--jb-textarea-border-botton-width, 3px) var(--jb-textarea-border-color, #f7f6f6);\n    border-radius: var(--jb-textarea-border-radius, 16px);\n    display: block;\n    transition: ease 0.3s all;\n    overflow: hidden;\n    display: flex;\n    justify-content: space-between; }\n    .jb-textarea-web-component .textarea-box:focus-within {\n      border-color: var(--jb-textarea-border-color-focus, #1e2832); }\n    .jb-textarea-web-component .textarea-box textarea {\n      border: none;\n      width: 100%;\n      box-sizing: border-box;\n      min-height: var(--jb-textarea-min-height, 80px);\n      height: var(--jb-textarea-min-height, 80px);\n      max-height: var(--jb-textarea-max-height, none);\n      background-color: transparent;\n      padding: 6px 12px 4px 12px;\n      display: block;\n      font-family: inherit;\n      font-size: var(--jb-textarea-value-font-size, 1.1em);\n      color: #1f1735;\n      margin: 0;\n      border-radius: 0;\n      resize: vertical;\n      color: var(--jb-textarea-value-color, initial); }\n      .jb-textarea-web-component .textarea-box textarea:focus {\n        outline: none; }\n      .jb-textarea-web-component .textarea-box textarea::placeholder {\n        color: var(--jb-textarea-placeholder-color, initial);\n        font-size: var(--jb-textarea-placeholder-font-size, initial); }\n  .jb-textarea-web-component .message-box {\n    font-size: var(--jb-textarea-message-font-size, 0.7em);\n    padding: 2px 8px;\n    color: #929292; }\n    .jb-textarea-web-component .message-box:empty {\n      padding: 0; }\n    .jb-textarea-web-component .message-box.error {\n      color: var(--jb-textarea-message-error-color, red); }\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkpCVGV4dGFyZWEuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFdBQVc7RUFDWCx5Q0FBeUMsRUFBRTtFQUMzQztJQUNFLFdBQVc7SUFDWCxlQUFlO0lBQ2YsY0FBYztJQUNkLG9EQUFvRDtJQUNwRCxjQUFjLEVBQUU7SUFDaEI7TUFDRSxhQUFhLEVBQUU7RUFDbkI7SUFDRSxXQUFXO0lBQ1gsc0JBQXNCO0lBQ3RCLDJGQUEyRjtJQUMzRixxREFBcUQ7SUFDckQseUdBQXlHO0lBQ3pHLHFEQUFxRDtJQUNyRCxjQUFjO0lBQ2QseUJBQXlCO0lBQ3pCLGdCQUFnQjtJQUNoQixhQUFhO0lBQ2IsOEJBQThCLEVBQUU7SUFDaEM7TUFDRSw0REFBNEQsRUFBRTtJQUNoRTtNQUNFLFlBQVk7TUFDWixXQUFXO01BQ1gsc0JBQXNCO01BQ3RCLCtDQUErQztNQUMvQywyQ0FBMkM7TUFDM0MsK0NBQStDO01BQy9DLDZCQUE2QjtNQUM3QiwwQkFBMEI7TUFDMUIsY0FBYztNQUNkLG9CQUFvQjtNQUNwQixvREFBb0Q7TUFDcEQsY0FBYztNQUNkLFNBQVM7TUFDVCxnQkFBZ0I7TUFDaEIsZ0JBQWdCO01BQ2hCLDhDQUE4QyxFQUFFO01BQ2hEO1FBQ0UsYUFBYSxFQUFFO01BQ2pCO1FBQ0Usb0RBQW9EO1FBQ3BELDREQUE0RCxFQUFFO0VBQ3BFO0lBQ0Usc0RBQXNEO0lBQ3RELGdCQUFnQjtJQUNoQixjQUFjLEVBQUU7SUFDaEI7TUFDRSxVQUFVLEVBQUU7SUFDZDtNQUNFLGtEQUFrRCxFQUFFIiwiZmlsZSI6IkpCVGV4dGFyZWEuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5qYi10ZXh0YXJlYS13ZWItY29tcG9uZW50IHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogdmFyKC0tamItdGV4dGFyZWEtbWFyZ2luLCAxMnB4IDApOyB9XG4gIC5qYi10ZXh0YXJlYS13ZWItY29tcG9uZW50IGxhYmVsIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXJnaW46IDRweCAwcHg7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgZm9udC1zaXplOiB2YXIoLS1qYi10ZXh0YXJlYS1sYWJlbC1mb250LXNpemUsIDAuOGVtKTtcbiAgICBjb2xvcjogIzFmMTczNTsgfVxuICAgIC5qYi10ZXh0YXJlYS13ZWItY29tcG9uZW50IGxhYmVsLi0taGlkZSB7XG4gICAgICBkaXNwbGF5OiBub25lOyB9XG4gIC5qYi10ZXh0YXJlYS13ZWItY29tcG9uZW50IC50ZXh0YXJlYS1ib3gge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyOiBzb2xpZCB2YXIoLS1qYi10ZXh0YXJlYS1ib3JkZXItd2lkdGgsIDFweCkgdmFyKC0tamItdGV4dGFyZWEtYm9yZGVyLWNvbG9yLCAjZjdmNmY2KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1qYi10ZXh0YXJlYS1iZ2NvbG9yLCAjZjdmNmY2KTtcbiAgICBib3JkZXItYm90dG9tOiBzb2xpZCB2YXIoLS1qYi10ZXh0YXJlYS1ib3JkZXItYm90dG9uLXdpZHRoLCAzcHgpIHZhcigtLWpiLXRleHRhcmVhLWJvcmRlci1jb2xvciwgI2Y3ZjZmNik7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tamItdGV4dGFyZWEtYm9yZGVyLXJhZGl1cywgMTZweCk7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogZWFzZSAwLjNzIGFsbDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOyB9XG4gICAgLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQgLnRleHRhcmVhLWJveDpmb2N1cy13aXRoaW4ge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1qYi10ZXh0YXJlYS1ib3JkZXItY29sb3ItZm9jdXMsICMxZTI4MzIpOyB9XG4gICAgLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQgLnRleHRhcmVhLWJveCB0ZXh0YXJlYSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBtaW4taGVpZ2h0OiB2YXIoLS1qYi10ZXh0YXJlYS1taW4taGVpZ2h0LCA4MHB4KTtcbiAgICAgIGhlaWdodDogdmFyKC0tamItdGV4dGFyZWEtbWluLWhlaWdodCwgODBweCk7XG4gICAgICBtYXgtaGVpZ2h0OiB2YXIoLS1qYi10ZXh0YXJlYS1tYXgtaGVpZ2h0LCBub25lKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgcGFkZGluZzogNnB4IDEycHggNHB4IDEycHg7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgZm9udC1zaXplOiB2YXIoLS1qYi10ZXh0YXJlYS12YWx1ZS1mb250LXNpemUsIDEuMWVtKTtcbiAgICAgIGNvbG9yOiAjMWYxNzM1O1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBjb2xvcjogdmFyKC0tamItdGV4dGFyZWEtdmFsdWUtY29sb3IsIGluaXRpYWwpOyB9XG4gICAgICAuamItdGV4dGFyZWEtd2ViLWNvbXBvbmVudCAudGV4dGFyZWEtYm94IHRleHRhcmVhOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogbm9uZTsgfVxuICAgICAgLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQgLnRleHRhcmVhLWJveCB0ZXh0YXJlYTo6cGxhY2Vob2xkZXIge1xuICAgICAgICBjb2xvcjogdmFyKC0tamItdGV4dGFyZWEtcGxhY2Vob2xkZXItY29sb3IsIGluaXRpYWwpO1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWpiLXRleHRhcmVhLXBsYWNlaG9sZGVyLWZvbnQtc2l6ZSwgaW5pdGlhbCk7IH1cbiAgLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQgLm1lc3NhZ2UtYm94IHtcbiAgICBmb250LXNpemU6IHZhcigtLWpiLXRleHRhcmVhLW1lc3NhZ2UtZm9udC1zaXplLCAwLjdlbSk7XG4gICAgcGFkZGluZzogMnB4IDhweDtcbiAgICBjb2xvcjogIzkyOTI5MjsgfVxuICAgIC5qYi10ZXh0YXJlYS13ZWItY29tcG9uZW50IC5tZXNzYWdlLWJveDplbXB0eSB7XG4gICAgICBwYWRkaW5nOiAwOyB9XG4gICAgLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQgLm1lc3NhZ2UtYm94LmVycm9yIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1qYi10ZXh0YXJlYS1tZXNzYWdlLWVycm9yLWNvbG9yLCByZWQpOyB9XG4iXX0= */";
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+		}
+	}, fn(module, module.exports), module.exports;
+}
 
-class JBTextareaWebComponent extends HTMLElement {
-    get value() {
-        return this._value;
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+var tslib = createCommonjsModule(function (module) {
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global global, define, System, Reflect, Promise */
+var __extends;
+var __assign;
+var __rest;
+var __decorate;
+var __param;
+var __metadata;
+var __awaiter;
+var __generator;
+var __exportStar;
+var __values;
+var __read;
+var __spread;
+var __spreadArrays;
+var __spreadArray;
+var __await;
+var __asyncGenerator;
+var __asyncDelegator;
+var __asyncValues;
+var __makeTemplateObject;
+var __importStar;
+var __importDefault;
+var __classPrivateFieldGet;
+var __classPrivateFieldSet;
+var __createBinding;
+(function (factory) {
+    var root = typeof commonjsGlobal === "object" ? commonjsGlobal : typeof self === "object" ? self : typeof this === "object" ? this : {};
+    {
+        factory(createExporter(root, createExporter(module.exports)));
     }
-    set value(value) {
-        this._value = value;
-        this._textareaElement.value = value;
-        if(this.autoHeight){
-            this.changeHeightToContentSize();
+    function createExporter(exports, previous) {
+        if (exports !== root) {
+            if (typeof Object.create === "function") {
+                Object.defineProperty(exports, "__esModule", { value: true });
+            }
+            else {
+                exports.__esModule = true;
+            }
         }
+        return function (id, v) { return exports[id] = previous ? previous(id, v) : v; };
     }
+})
+(function (exporter) {
+    var 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]; };
+
+    __extends = 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 __());
+    };
+
+    __assign = Object.assign || function (t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+
+    __rest = function (s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    };
+
+    __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;
+    };
+
+    __param = function (paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); }
+    };
+
+    __metadata = function (metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+    };
+
+    __awaiter = function (thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    };
+
+    __generator = function (thisArg, body) {
+        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while (_) try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [op[0] & 2, t.value];
+                switch (op[0]) {
+                    case 0: case 1: t = op; break;
+                    case 4: _.label++; return { value: op[1], done: false };
+                    case 5: _.label++; y = op[1]; op = [0]; continue;
+                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop(); continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    };
+
+    __exportStar = function(m, o) {
+        for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
+    };
+
+    __createBinding = Object.create ? (function(o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    }) : (function(o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+    });
+
+    __values = function (o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m) return m.call(o);
+        if (o && typeof o.length === "number") return {
+            next: function () {
+                if (o && i >= o.length) o = void 0;
+                return { value: o && o[i++], done: !o };
+            }
+        };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    };
+
+    __read = function (o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m) return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+        }
+        catch (error) { e = { error: error }; }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"])) m.call(i);
+            }
+            finally { if (e) throw e.error; }
+        }
+        return ar;
+    };
+
+    /** @deprecated */
+    __spread = function () {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    };
+
+    /** @deprecated */
+    __spreadArrays = function () {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    };
+
+    __spreadArray = function (to, from, pack) {
+        if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+                if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+                ar[i] = from[i];
+            }
+        }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    };
+
+    __await = function (v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    };
+
+    __asyncGenerator = function (thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r);  }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+    };
+
+    __asyncDelegator = function (o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    };
+
+    __asyncValues = function (o) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+    };
+
+    __makeTemplateObject = function (cooked, raw) {
+        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+        return cooked;
+    };
+
+    var __setModuleDefault = Object.create ? (function(o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function(o, v) {
+        o["default"] = v;
+    };
+
+    __importStar = function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+
+    __importDefault = function (mod) {
+        return (mod && mod.__esModule) ? mod : { "default": mod };
+    };
+
+    __classPrivateFieldGet = function (receiver, state, kind, f) {
+        if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    };
+
+    __classPrivateFieldSet = function (receiver, state, value, kind, f) {
+        if (kind === "m") throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    };
+
+    exporter("__extends", __extends);
+    exporter("__assign", __assign);
+    exporter("__rest", __rest);
+    exporter("__decorate", __decorate);
+    exporter("__param", __param);
+    exporter("__metadata", __metadata);
+    exporter("__awaiter", __awaiter);
+    exporter("__generator", __generator);
+    exporter("__exportStar", __exportStar);
+    exporter("__createBinding", __createBinding);
+    exporter("__values", __values);
+    exporter("__read", __read);
+    exporter("__spread", __spread);
+    exporter("__spreadArrays", __spreadArrays);
+    exporter("__spreadArray", __spreadArray);
+    exporter("__await", __await);
+    exporter("__asyncGenerator", __asyncGenerator);
+    exporter("__asyncDelegator", __asyncDelegator);
+    exporter("__asyncValues", __asyncValues);
+    exporter("__makeTemplateObject", __makeTemplateObject);
+    exporter("__importStar", __importStar);
+    exporter("__importDefault", __importDefault);
+    exporter("__classPrivateFieldGet", __classPrivateFieldGet);
+    exporter("__classPrivateFieldSet", __classPrivateFieldSet);
+});
+});
+
+var HTML = "<div class=\"jb-textarea-web-component\">\r\n    <label class=\"--hide\"><span class=\"label-value\"></span><span>:</span></label>\r\n    <div class=\"textarea-box\">\r\n        <textarea class=\"textarea-input\"></textarea>\r\n    </div>\r\n    <div class=\"message-box\"></div>\r\n</div>";
+
+var css_248z = ".jb-textarea-web-component {\n  width: 100%;\n  margin: var(--jb-textarea-margin, 12px 0); }\n  .jb-textarea-web-component label {\n    width: 100%;\n    margin: 4px 0px;\n    display: block;\n    font-size: var(--jb-textarea-label-font-size, 0.8em);\n    color: var(--jb-textarea-label-color, #1f1735); }\n    .jb-textarea-web-component label.--hide {\n      display: none; }\n  .jb-textarea-web-component .textarea-box {\n    width: 100%;\n    box-sizing: border-box;\n    border: solid var(--jb-textarea-border-width, 1px) var(--jb-textarea-border-color, #f7f6f6);\n    background-color: var(--jb-textarea-bgcolor, #f7f6f6);\n    border-bottom: solid var(--jb-textarea-border-botton-width, 3px) var(--jb-textarea-border-color, #f7f6f6);\n    border-radius: var(--jb-textarea-border-radius, 16px);\n    display: block;\n    transition: ease 0.3s all;\n    overflow: hidden;\n    display: flex;\n    justify-content: space-between; }\n    .jb-textarea-web-component .textarea-box:focus-within {\n      border-color: var(--jb-textarea-border-color-focus, #1e2832); }\n    .jb-textarea-web-component .textarea-box textarea {\n      border: none;\n      width: 100%;\n      box-sizing: border-box;\n      min-height: var(--jb-textarea-min-height, 80px);\n      height: var(--jb-textarea-min-height, 80px);\n      max-height: var(--jb-textarea-max-height, none);\n      background-color: transparent;\n      padding: 6px 12px 4px 12px;\n      display: block;\n      font-family: inherit;\n      font-size: var(--jb-textarea-value-font-size, 1.1em);\n      color: var(--jb-textarea-value-color, #1f1735);\n      margin: 0;\n      border-radius: 0;\n      resize: vertical;\n      color: var(--jb-textarea-value-color, initial); }\n      .jb-textarea-web-component .textarea-box textarea:focus {\n        outline: none; }\n      .jb-textarea-web-component .textarea-box textarea::placeholder {\n        color: var(--jb-textarea-placeholder-color, initial);\n        font-size: var(--jb-textarea-placeholder-font-size, initial); }\n  .jb-textarea-web-component .message-box {\n    font-size: var(--jb-textarea-message-font-size, 0.7em);\n    padding: 2px 8px;\n    color: #929292; }\n    .jb-textarea-web-component .message-box:empty {\n      padding: 0; }\n    .jb-textarea-web-component .message-box.error {\n      color: var(--jb-textarea-message-error-color, red); }\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkpCVGV4dGFyZWEuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFdBQVc7RUFDWCx5Q0FBeUMsRUFBRTtFQUMzQztJQUNFLFdBQVc7SUFDWCxlQUFlO0lBQ2YsY0FBYztJQUNkLG9EQUFvRDtJQUNwRCw4Q0FBOEMsRUFBRTtJQUNoRDtNQUNFLGFBQWEsRUFBRTtFQUNuQjtJQUNFLFdBQVc7SUFDWCxzQkFBc0I7SUFDdEIsMkZBQTJGO0lBQzNGLHFEQUFxRDtJQUNyRCx5R0FBeUc7SUFDekcscURBQXFEO0lBQ3JELGNBQWM7SUFDZCx5QkFBeUI7SUFDekIsZ0JBQWdCO0lBQ2hCLGFBQWE7SUFDYiw4QkFBOEIsRUFBRTtJQUNoQztNQUNFLDREQUE0RCxFQUFFO0lBQ2hFO01BQ0UsWUFBWTtNQUNaLFdBQVc7TUFDWCxzQkFBc0I7TUFDdEIsK0NBQStDO01BQy9DLDJDQUEyQztNQUMzQywrQ0FBK0M7TUFDL0MsNkJBQTZCO01BQzdCLDBCQUEwQjtNQUMxQixjQUFjO01BQ2Qsb0JBQW9CO01BQ3BCLG9EQUFvRDtNQUNwRCw4Q0FBOEM7TUFDOUMsU0FBUztNQUNULGdCQUFnQjtNQUNoQixnQkFBZ0I7TUFDaEIsOENBQThDLEVBQUU7TUFDaEQ7UUFDRSxhQUFhLEVBQUU7TUFDakI7UUFDRSxvREFBb0Q7UUFDcEQsNERBQTRELEVBQUU7RUFDcEU7SUFDRSxzREFBc0Q7SUFDdEQsZ0JBQWdCO0lBQ2hCLGNBQWMsRUFBRTtJQUNoQjtNQUNFLFVBQVUsRUFBRTtJQUNkO01BQ0Usa0RBQWtELEVBQUUiLCJmaWxlIjoiSkJUZXh0YXJlYS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQge1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiB2YXIoLS1qYi10ZXh0YXJlYS1tYXJnaW4sIDEycHggMCk7IH1cbiAgLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQgbGFiZWwge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbjogNHB4IDBweDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBmb250LXNpemU6IHZhcigtLWpiLXRleHRhcmVhLWxhYmVsLWZvbnQtc2l6ZSwgMC44ZW0pO1xuICAgIGNvbG9yOiB2YXIoLS1qYi10ZXh0YXJlYS1sYWJlbC1jb2xvciwgIzFmMTczNSk7IH1cbiAgICAuamItdGV4dGFyZWEtd2ViLWNvbXBvbmVudCBsYWJlbC4tLWhpZGUge1xuICAgICAgZGlzcGxheTogbm9uZTsgfVxuICAuamItdGV4dGFyZWEtd2ViLWNvbXBvbmVudCAudGV4dGFyZWEtYm94IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJvcmRlcjogc29saWQgdmFyKC0tamItdGV4dGFyZWEtYm9yZGVyLXdpZHRoLCAxcHgpIHZhcigtLWpiLXRleHRhcmVhLWJvcmRlci1jb2xvciwgI2Y3ZjZmNik7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tamItdGV4dGFyZWEtYmdjb2xvciwgI2Y3ZjZmNik7XG4gICAgYm9yZGVyLWJvdHRvbTogc29saWQgdmFyKC0tamItdGV4dGFyZWEtYm9yZGVyLWJvdHRvbi13aWR0aCwgM3B4KSB2YXIoLS1qYi10ZXh0YXJlYS1ib3JkZXItY29sb3IsICNmN2Y2ZjYpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWpiLXRleHRhcmVhLWJvcmRlci1yYWRpdXMsIDE2cHgpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zaXRpb246IGVhc2UgMC4zcyBhbGw7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsgfVxuICAgIC5qYi10ZXh0YXJlYS13ZWItY29tcG9uZW50IC50ZXh0YXJlYS1ib3g6Zm9jdXMtd2l0aGluIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tamItdGV4dGFyZWEtYm9yZGVyLWNvbG9yLWZvY3VzLCAjMWUyODMyKTsgfVxuICAgIC5qYi10ZXh0YXJlYS13ZWItY29tcG9uZW50IC50ZXh0YXJlYS1ib3ggdGV4dGFyZWEge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgbWluLWhlaWdodDogdmFyKC0tamItdGV4dGFyZWEtbWluLWhlaWdodCwgODBweCk7XG4gICAgICBoZWlnaHQ6IHZhcigtLWpiLXRleHRhcmVhLW1pbi1oZWlnaHQsIDgwcHgpO1xuICAgICAgbWF4LWhlaWdodDogdmFyKC0tamItdGV4dGFyZWEtbWF4LWhlaWdodCwgbm9uZSk7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIHBhZGRpbmc6IDZweCAxMnB4IDRweCAxMnB4O1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tamItdGV4dGFyZWEtdmFsdWUtZm9udC1zaXplLCAxLjFlbSk7XG4gICAgICBjb2xvcjogdmFyKC0tamItdGV4dGFyZWEtdmFsdWUtY29sb3IsICMxZjE3MzUpO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBjb2xvcjogdmFyKC0tamItdGV4dGFyZWEtdmFsdWUtY29sb3IsIGluaXRpYWwpOyB9XG4gICAgICAuamItdGV4dGFyZWEtd2ViLWNvbXBvbmVudCAudGV4dGFyZWEtYm94IHRleHRhcmVhOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogbm9uZTsgfVxuICAgICAgLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQgLnRleHRhcmVhLWJveCB0ZXh0YXJlYTo6cGxhY2Vob2xkZXIge1xuICAgICAgICBjb2xvcjogdmFyKC0tamItdGV4dGFyZWEtcGxhY2Vob2xkZXItY29sb3IsIGluaXRpYWwpO1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWpiLXRleHRhcmVhLXBsYWNlaG9sZGVyLWZvbnQtc2l6ZSwgaW5pdGlhbCk7IH1cbiAgLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQgLm1lc3NhZ2UtYm94IHtcbiAgICBmb250LXNpemU6IHZhcigtLWpiLXRleHRhcmVhLW1lc3NhZ2UtZm9udC1zaXplLCAwLjdlbSk7XG4gICAgcGFkZGluZzogMnB4IDhweDtcbiAgICBjb2xvcjogIzkyOTI5MjsgfVxuICAgIC5qYi10ZXh0YXJlYS13ZWItY29tcG9uZW50IC5tZXNzYWdlLWJveDplbXB0eSB7XG4gICAgICBwYWRkaW5nOiAwOyB9XG4gICAgLmpiLXRleHRhcmVhLXdlYi1jb21wb25lbnQgLm1lc3NhZ2UtYm94LmVycm9yIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1qYi10ZXh0YXJlYS1tZXNzYWdlLWVycm9yLWNvbG9yLCByZWQpOyB9XG4iXX0= */";
+
+var _JBTextareaWebComponent_value, _JBTextareaWebComponent_textareaElement, _JBTextareaWebComponent_elements;
+class JBTextareaWebComponent extends HTMLElement {
     constructor() {
         super();
+        _JBTextareaWebComponent_value.set(this, '');
+        _JBTextareaWebComponent_textareaElement.set(this, void 0);
+        _JBTextareaWebComponent_elements.set(this, void 0);
+        this.validationList = [];
+        this.autoHeight = false;
+        this.validation = {
+            isValid: null,
+            message: null
+        };
         this.initWebComponent();
         this.initProp();
     }
+    get value() {
+        return tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_value, "f");
+    }
+    set value(value) {
+        tslib.__classPrivateFieldSet(this, _JBTextareaWebComponent_value, value, "f");
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").value = value;
+        if (this.autoHeight) {
+            this.changeHeightToContentSize();
+        }
+    }
     initWebComponent() {
-        this._shadowRoot = this.attachShadow({
+        const shadowRoot = this.attachShadow({
             mode: 'open'
         });
-        this._html = `<style>${css_248z}</style>` + '\n' + HTML;
-        this._element = document.createElement('template');
-        this._element.innerHTML = this._html;
-        this._shadowRoot.appendChild(this._element.content.cloneNode(true));
-        this._textareaElement = this._shadowRoot.querySelector('.textarea-box textarea');
+        const html = `<style>${css_248z}</style>` + '\n' + HTML;
+        const element = document.createElement('template');
+        element.innerHTML = html;
+        shadowRoot.appendChild(element.content.cloneNode(true));
+        tslib.__classPrivateFieldSet(this, _JBTextareaWebComponent_textareaElement, shadowRoot.querySelector('.textarea-box textarea'), "f");
+        tslib.__classPrivateFieldSet(this, _JBTextareaWebComponent_elements, {
+            textarea: tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f"),
+            label: shadowRoot.querySelector('label'),
+            labelValue: shadowRoot.querySelector('label .label-value'),
+            messageBox: shadowRoot.querySelector('.message-box')
+        }, "f");
         this.registerEventListener();
     }
     registerEventListener() {
-        this._textareaElement.addEventListener('change', this.onInputChange.bind(this));
-        this._textareaElement.addEventListener('keypress', this.onInputKeyPress.bind(this));
-        this._textareaElement.addEventListener('keyup', this.onInputKeyup.bind(this));
-        this._textareaElement.addEventListener('keydown', this.onInputKeyDown.bind(this));
-        this._textareaElement.addEventListener('input', this.onInputInput.bind(this));
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").addEventListener('change', this.onInputChange.bind(this));
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").addEventListener('keypress', this.onInputKeyPress.bind(this));
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").addEventListener('keyup', this.onInputKeyup.bind(this));
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").addEventListener('keydown', this.onInputKeyDown.bind(this));
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").addEventListener('input', this.onInputInput.bind(this));
     }
     initProp() {
-        this.validationList = [];
         this.value = this.getAttribute('value') || '';
-        this.autoHeight = false;
-        this.validation = {
-            isValid: null,
-            message: null
-        };
     }
     static get observedAttributes() {
         return ['label', 'message', 'value', 'placeholder'];
@@ -55,44 +384,44 @@ class JBTextareaWebComponent extends HTMLElement {
     onAttributeChange(name, value) {
         switch (name) {
             case 'label':
-                this._shadowRoot.querySelector('label .label-value').innerHTML = value;
-                if(value == null || value == undefined || value == ""){
-                    this._shadowRoot.querySelector('label').classList.add('--hide');
-                }else {
-                    this._shadowRoot.querySelector('label').classList.remove('--hide');
+                tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").labelValue.innerHTML = value;
+                if (value == null || value == undefined || value == "") {
+                    tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").label.classList.add('--hide');
+                }
+                else {
+                    tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").label.classList.remove('--hide');
                 }
                 break;
             case 'message':
-                this._shadowRoot.querySelector('.message-box').innerHTML = value;
+                tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.innerHTML = value;
                 break;
             case 'placeholder':
-                this._textareaElement.setAttribute('placeholder', value);
+                tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").setAttribute('placeholder', value);
                 break;
             case 'value':
                 this.value = value;
                 break;
         }
-
     }
     changeHeightToContentSize() {
-        this._textareaElement.style.height = "4px";
-        this._textareaElement.style.height = (this._textareaElement.scrollHeight)+"px";
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").style.height = "4px";
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").style.height = (tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").scrollHeight) + "px";
     }
-    onInputKeyDown(e){
+    onInputKeyDown(e) {
         const keyDownnInitObj = {
-            key:e.key,
-            keyCode:e.keyCode,
-            code:e.code,
-            ctrlKey:e.ctrlKey,
-            shiftKey:e.shiftKey,
-            altKey:e.altKey,
-            charCode:e.charCode,
-            which:e.which,
+            key: e.key,
+            keyCode: e.keyCode,
+            code: e.code,
+            ctrlKey: e.ctrlKey,
+            shiftKey: e.shiftKey,
+            altKey: e.altKey,
+            charCode: e.charCode,
+            which: e.which,
             cancelable: true,
         };
-        const event = new KeyboardEvent("keydown",keyDownnInitObj);
+        const event = new KeyboardEvent("keydown", keyDownnInitObj);
         const isEventNotPrevented = this.dispatchEvent(event);
-        if(!isEventNotPrevented){
+        if (!isEventNotPrevented) {
             //if event prevented by e.preventDefault();
             e.preventDefault();
         }
@@ -102,39 +431,39 @@ class JBTextareaWebComponent extends HTMLElement {
         const event = new CustomEvent('keypress');
         this.dispatchEvent(event);
     }
-    onInputInput(){
-        if(this.autoHeight){
+    onInputInput() {
+        if (this.autoHeight) {
             this.changeHeightToContentSize();
         }
     }
     onInputKeyup(e) {
         const inputText = e.target.value;
         //here is the rare  time we update _value directly becuase we want trigger event that may read value directly from dom
-        this._value = inputText;
+        tslib.__classPrivateFieldSet(this, _JBTextareaWebComponent_value, inputText, "f");
         this.triggerInputValidation(false);
         const keyUpInitObj = {
-            key:e.key,
-            keyCode:e.keyCode,
-            code:e.code,
-            ctrlKey:e.ctrlKey,
-            shiftKey:e.shiftKey,
-            altKey:e.altKey,
-            charCode:e.charCode,
-            which:e.which,
+            key: e.key,
+            keyCode: e.keyCode,
+            code: e.code,
+            ctrlKey: e.ctrlKey,
+            shiftKey: e.shiftKey,
+            altKey: e.altKey,
+            charCode: e.charCode,
+            which: e.which,
         };
-        const event = new KeyboardEvent('keyup',keyUpInitObj);
+        const event = new KeyboardEvent('keyup', keyUpInitObj);
         this.dispatchEvent(event);
     }
     onInputChange(e) {
         const inputText = e.target.value;
         this.triggerInputValidation(true);
         //here is the rare  time we update _value directly becuase we want trigger event that may read value directly from dom
-        this._value = inputText;
+        tslib.__classPrivateFieldSet(this, _JBTextareaWebComponent_value, inputText, "f");
         const validationObject = this.checkInputValidation(inputText);
-        const event = new CustomEvent('change',{
+        const event = new CustomEvent('change', {
             detail: {
                 isValid: validationObject.isAllValid,
-                validationObject:validationObject,
+                validationObject: validationObject,
             },
         });
         this.dispatchEvent(event);
@@ -142,17 +471,20 @@ class JBTextareaWebComponent extends HTMLElement {
     triggerInputValidation(showError = true) {
         // this method is for use out of component  for example if user click on submit button and developer want to check if all fields are valid
         //takeAction determine if we want to show user error in web component difualtManner or developer will handle it by himself
-        const inputText = this._textareaElement.value;
+        const inputText = tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").value;
         const validationResult = this.checkInputValidation(inputText);
         if (showError == true && !validationResult.isAllValid) {
             const firstFault = validationResult.validationList.find(x => !x.isValid);
-            this.showValidationError(firstFault.message);
-        } else if (validationResult.isAllValid) {
+            if (firstFault) {
+                this.showValidationError(firstFault.message);
+            }
+        }
+        else if (validationResult.isAllValid) {
             this.clearValidationError();
         }
         return validationResult;
     }
-    checkInputValidation(inputText){
+    checkInputValidation(inputText) {
         const validationResult = {
             validationList: [],
             isAllValid: true
@@ -167,7 +499,7 @@ class JBTextareaWebComponent extends HTMLElement {
         return validationResult;
     }
     checkValidation(text, validation) {
-        var testRes = validation.validator.test(text);
+        const testRes = validation.validator.test(text);
         validation.validator.lastIndex = 0;
         if (!testRes) {
             return {
@@ -187,8 +519,8 @@ class JBTextareaWebComponent extends HTMLElement {
             isValid: false,
             message: error
         };
-        this._shadowRoot.querySelector('.message-box').innerHTML = error;
-        this._shadowRoot.querySelector('.message-box').classList.add('error');
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.innerHTML = error;
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.classList.add('error');
     }
     clearValidationError() {
         this.validation = {
@@ -196,14 +528,16 @@ class JBTextareaWebComponent extends HTMLElement {
             message: null
         };
         const text = this.getAttribute('message') || '';
-        this._shadowRoot.querySelector('.message-box').innerHTML = text;
-        this._shadowRoot.querySelector('.message-box').classList.remove('error');
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.innerHTML = text;
+        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.classList.remove('error');
     }
 }
-
+_JBTextareaWebComponent_value = new WeakMap(), _JBTextareaWebComponent_textareaElement = new WeakMap(), _JBTextareaWebComponent_elements = new WeakMap();
 const myElementNotExists = !customElements.get('jb-textarea');
-if(myElementNotExists){
+if (myElementNotExists) {
     //prevent duplicate registering
     window.customElements.define('jb-textarea', JBTextareaWebComponent);
 }
+
+export { JBTextareaWebComponent };
 //# sourceMappingURL=JBTextarea.js.map

package/dist/JBTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"JBTextarea.js","sources":["../lib/JBTextarea.js"],"sourcesContent":["import HTML from './JBTextarea.html';\r\nimport CSS from './JBTextarea.scss';\r\nclass JBTextareaWebComponent extends HTMLElement {\r\n    get value() {\r\n        return this._value;\r\n    }\r\n    set value(value) {\r\n        this._value = value;\r\n        this._textareaElement.value = value;\r\n        if(this.autoHeight){\r\n            this.changeHeightToContentSize();\r\n        }\r\n    }\r\n    constructor() {\r\n        super();\r\n        this.initWebComponent();\r\n        this.initProp();\r\n    }\r\n    initWebComponent() {\r\n        this._shadowRoot = this.attachShadow({\r\n            mode: 'open'\r\n        });\r\n        this._html = `<style>${CSS}</style>` + '\\n' + HTML;\r\n        this._element = document.createElement('template');\r\n        this._element.innerHTML = this._html;\r\n        this._shadowRoot.appendChild(this._element.content.cloneNode(true));\r\n        this._textareaElement = this._shadowRoot.querySelector('.textarea-box textarea');\r\n        this.registerEventListener();\r\n    }\r\n    registerEventListener() {\r\n        this._textareaElement.addEventListener('change', this.onInputChange.bind(this));\r\n        this._textareaElement.addEventListener('keypress', this.onInputKeyPress.bind(this));\r\n        this._textareaElement.addEventListener('keyup', this.onInputKeyup.bind(this));\r\n        this._textareaElement.addEventListener('keydown', this.onInputKeyDown.bind(this));\r\n        this._textareaElement.addEventListener('input', this.onInputInput.bind(this));\r\n    }\r\n    initProp() {\r\n        this.validationList = [];\r\n        this.value = this.getAttribute('value') || '';\r\n        this.autoHeight = false;\r\n        this.validation = {\r\n            isValid: null,\r\n            message: null\r\n        };\r\n    }\r\n    static get observedAttributes() {\r\n        return ['label', 'message', 'value', 'placeholder'];\r\n    }\r\n    attributeChangedCallback(name, oldValue, newValue) {\r\n        // do something when an attribute has changed\r\n        this.onAttributeChange(name, newValue);\r\n    }\r\n    onAttributeChange(name, value) {\r\n        switch (name) {\r\n            case 'label':\r\n                this._shadowRoot.querySelector('label .label-value').innerHTML = value;\r\n                if(value == null || value == undefined || value == \"\"){\r\n                    this._shadowRoot.querySelector('label').classList.add('--hide');\r\n                }else{\r\n                    this._shadowRoot.querySelector('label').classList.remove('--hide');\r\n                }\r\n                break;\r\n            case 'message':\r\n                this._shadowRoot.querySelector('.message-box').innerHTML = value;\r\n                break;\r\n            case 'placeholder':\r\n                this._textareaElement.setAttribute('placeholder', value);\r\n                break;\r\n            case 'value':\r\n                this.value = value;\r\n                break;\r\n        }\r\n\r\n    }\r\n    changeHeightToContentSize() {\r\n        this._textareaElement.style.height = \"4px\";\r\n        this._textareaElement.style.height = (this._textareaElement.scrollHeight)+\"px\";\r\n    }\r\n    onInputKeyDown(e){\r\n        const keyDownnInitObj = {\r\n            key:e.key,\r\n            keyCode:e.keyCode,\r\n            code:e.code,\r\n            ctrlKey:e.ctrlKey,\r\n            shiftKey:e.shiftKey,\r\n            altKey:e.altKey,\r\n            charCode:e.charCode,\r\n            which:e.which,\r\n            cancelable: true,\r\n        };\r\n        const event = new KeyboardEvent(\"keydown\",keyDownnInitObj);\r\n        const isEventNotPrevented = this.dispatchEvent(event);\r\n        if(!isEventNotPrevented){\r\n            //if event prevented by e.preventDefault();\r\n            e.preventDefault();\r\n        }\r\n    }\r\n    onInputKeyPress() {\r\n        //TODO: raise keypress event\r\n        const event = new CustomEvent('keypress');\r\n        this.dispatchEvent(event);\r\n    }\r\n    onInputInput(){\r\n        if(this.autoHeight){\r\n            this.changeHeightToContentSize();\r\n        }\r\n    }\r\n    onInputKeyup(e) {\r\n        const inputText = e.target.value;\r\n        //here is the rare  time we update _value directly becuase we want trigger event that may read value directly from dom\r\n        this._value = inputText;\r\n        this.triggerInputValidation(false);\r\n        const keyUpInitObj = {\r\n            key:e.key,\r\n            keyCode:e.keyCode,\r\n            code:e.code,\r\n            ctrlKey:e.ctrlKey,\r\n            shiftKey:e.shiftKey,\r\n            altKey:e.altKey,\r\n            charCode:e.charCode,\r\n            which:e.which,\r\n        };\r\n        const event = new KeyboardEvent('keyup',keyUpInitObj);\r\n        this.dispatchEvent(event);\r\n    }\r\n    onInputChange(e) {\r\n        const inputText = e.target.value;\r\n        this.triggerInputValidation(true);\r\n        //here is the rare  time we update _value directly becuase we want trigger event that may read value directly from dom\r\n        this._value = inputText;\r\n        const validationObject = this.checkInputValidation(inputText);\r\n        const event = new CustomEvent('change',{\r\n            detail: {\r\n                isValid: validationObject.isAllValid,\r\n                validationObject:validationObject,\r\n            },\r\n        });\r\n        this.dispatchEvent(event);\r\n    }\r\n    triggerInputValidation(showError = true) {\r\n        // this method is for use out of component  for example if user click on submit button and developer want to check if all fields are valid\r\n        //takeAction determine if we want to show user error in web component difualtManner or developer will handle it by himself\r\n        const inputText = this._textareaElement.value;\r\n        const validationResult = this.checkInputValidation(inputText);\r\n        if (showError == true && !validationResult.isAllValid) {\r\n            const firstFault = validationResult.validationList.find(x => !x.isValid);\r\n            this.showValidationError(firstFault.message);\r\n        } else if (validationResult.isAllValid) {\r\n            this.clearValidationError();\r\n        }\r\n        return validationResult;\r\n    }\r\n    checkInputValidation(inputText){\r\n        const validationResult = {\r\n            validationList: [],\r\n            isAllValid: true\r\n        };\r\n        this.validationList.forEach((validation) => {\r\n            const res = this.checkValidation(inputText, validation);\r\n            validationResult.validationList.push(res);\r\n            if (!res.isValid) {\r\n                validationResult.isAllValid = false;\r\n            }\r\n        });\r\n        return validationResult;\r\n    }\r\n    checkValidation(text, validation) {\r\n        var testRes = validation.validator.test(text);\r\n        validation.validator.lastIndex = 0;\r\n        if (!testRes) {\r\n            return {\r\n                isValid: false,\r\n                message: validation.message,\r\n                validation: validation\r\n            };\r\n        }\r\n        return {\r\n            isValid: true,\r\n            message: '',\r\n            validation: validation\r\n        };\r\n    }\r\n    showValidationError(error) {\r\n        this.validation = {\r\n            isValid: false,\r\n            message: error\r\n        };\r\n        this._shadowRoot.querySelector('.message-box').innerHTML = error;\r\n        this._shadowRoot.querySelector('.message-box').classList.add('error');\r\n    }\r\n    clearValidationError() {\r\n        this.validation = {\r\n            isValid: true,\r\n            message: null\r\n        };\r\n        const text = this.getAttribute('message') || '';\r\n        this._shadowRoot.querySelector('.message-box').innerHTML = text;\r\n        this._shadowRoot.querySelector('.message-box').classList.remove('error');\r\n    }\r\n}\r\n\r\nconst myElementNotExists = !customElements.get('jb-textarea');\r\nif(myElementNotExists){\r\n    //prevent duplicate registering\r\n    window.customElements.define('jb-textarea', JBTextareaWebComponent);\r\n}"],"names":["CSS"],"mappings":"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"}
+{"version":3,"file":"JBTextarea.js","sources":["../../../node_modules/tslib/tslib.js","../lib/JBTextarea.ts"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global global, define, System, Reflect, Promise */\r\nvar __extends;\r\nvar __assign;\r\nvar __rest;\r\nvar __decorate;\r\nvar __param;\r\nvar __metadata;\r\nvar __awaiter;\r\nvar __generator;\r\nvar __exportStar;\r\nvar __values;\r\nvar __read;\r\nvar __spread;\r\nvar __spreadArrays;\r\nvar __spreadArray;\r\nvar __await;\r\nvar __asyncGenerator;\r\nvar __asyncDelegator;\r\nvar __asyncValues;\r\nvar __makeTemplateObject;\r\nvar __importStar;\r\nvar __importDefault;\r\nvar __classPrivateFieldGet;\r\nvar __classPrivateFieldSet;\r\nvar __createBinding;\r\n(function (factory) {\r\n    var root = typeof global === \"object\" ? global : typeof self === \"object\" ? self : typeof this === \"object\" ? this : {};\r\n    if (typeof define === \"function\" && define.amd) {\r\n        define(\"tslib\", [\"exports\"], function (exports) { factory(createExporter(root, createExporter(exports))); });\r\n    }\r\n    else if (typeof module === \"object\" && typeof module.exports === \"object\") {\r\n        factory(createExporter(root, createExporter(module.exports)));\r\n    }\r\n    else {\r\n        factory(createExporter(root));\r\n    }\r\n    function createExporter(exports, previous) {\r\n        if (exports !== root) {\r\n            if (typeof Object.create === \"function\") {\r\n                Object.defineProperty(exports, \"__esModule\", { value: true });\r\n            }\r\n            else {\r\n                exports.__esModule = true;\r\n            }\r\n        }\r\n        return function (id, v) { return exports[id] = previous ? previous(id, v) : v; };\r\n    }\r\n})\r\n(function (exporter) {\r\n    var extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n\r\n    __extends = function (d, b) {\r\n        if (typeof b !== \"function\" && b !== null)\r\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n        extendStatics(d, b);\r\n        function __() { this.constructor = d; }\r\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n    };\r\n\r\n    __assign = Object.assign || function (t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n\r\n    __rest = function (s, e) {\r\n        var t = {};\r\n        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n            t[p] = s[p];\r\n        if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                    t[p[i]] = s[p[i]];\r\n            }\r\n        return t;\r\n    };\r\n\r\n    __decorate = function (decorators, target, key, desc) {\r\n        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n        if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n        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;\r\n        return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n    };\r\n\r\n    __param = function (paramIndex, decorator) {\r\n        return function (target, key) { decorator(target, key, paramIndex); }\r\n    };\r\n\r\n    __metadata = function (metadataKey, metadataValue) {\r\n        if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n    };\r\n\r\n    __awaiter = function (thisArg, _arguments, P, generator) {\r\n        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n        return new (P || (P = Promise))(function (resolve, reject) {\r\n            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n            function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n            step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n        });\r\n    };\r\n\r\n    __generator = function (thisArg, body) {\r\n        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n        return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n        function verb(n) { return function (v) { return step([n, v]); }; }\r\n        function step(op) {\r\n            if (f) throw new TypeError(\"Generator is already executing.\");\r\n            while (_) try {\r\n                if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n                if (y = 0, t) op = [op[0] & 2, t.value];\r\n                switch (op[0]) {\r\n                    case 0: case 1: t = op; break;\r\n                    case 4: _.label++; return { value: op[1], done: false };\r\n                    case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                    case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                    default:\r\n                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                        if (t[2]) _.ops.pop();\r\n                        _.trys.pop(); continue;\r\n                }\r\n                op = body.call(thisArg, _);\r\n            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n        }\r\n    };\r\n\r\n    __exportStar = function(m, o) {\r\n        for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n    };\r\n\r\n    __createBinding = Object.create ? (function(o, m, k, k2) {\r\n        if (k2 === undefined) k2 = k;\r\n        Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n    }) : (function(o, m, k, k2) {\r\n        if (k2 === undefined) k2 = k;\r\n        o[k2] = m[k];\r\n    });\r\n\r\n    __values = function (o) {\r\n        var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n        if (m) return m.call(o);\r\n        if (o && typeof o.length === \"number\") return {\r\n            next: function () {\r\n                if (o && i >= o.length) o = void 0;\r\n                return { value: o && o[i++], done: !o };\r\n            }\r\n        };\r\n        throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n    };\r\n\r\n    __read = function (o, n) {\r\n        var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n        if (!m) return o;\r\n        var i = m.call(o), r, ar = [], e;\r\n        try {\r\n            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n        }\r\n        catch (error) { e = { error: error }; }\r\n        finally {\r\n            try {\r\n                if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n            }\r\n            finally { if (e) throw e.error; }\r\n        }\r\n        return ar;\r\n    };\r\n\r\n    /** @deprecated */\r\n    __spread = function () {\r\n        for (var ar = [], i = 0; i < arguments.length; i++)\r\n            ar = ar.concat(__read(arguments[i]));\r\n        return ar;\r\n    };\r\n\r\n    /** @deprecated */\r\n    __spreadArrays = function () {\r\n        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n        for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n                r[k] = a[j];\r\n        return r;\r\n    };\r\n\r\n    __spreadArray = function (to, from, pack) {\r\n        if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n            if (ar || !(i in from)) {\r\n                if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n                ar[i] = from[i];\r\n            }\r\n        }\r\n        return to.concat(ar || Array.prototype.slice.call(from));\r\n    };\r\n\r\n    __await = function (v) {\r\n        return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n    };\r\n\r\n    __asyncGenerator = function (thisArg, _arguments, generator) {\r\n        if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n        var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n        return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r);  }\r\n        function fulfill(value) { resume(\"next\", value); }\r\n        function reject(value) { resume(\"throw\", value); }\r\n        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n    };\r\n\r\n    __asyncDelegator = function (o) {\r\n        var i, p;\r\n        return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n    };\r\n\r\n    __asyncValues = function (o) {\r\n        if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n        var m = o[Symbol.asyncIterator], i;\r\n        return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n    };\r\n\r\n    __makeTemplateObject = function (cooked, raw) {\r\n        if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n        return cooked;\r\n    };\r\n\r\n    var __setModuleDefault = Object.create ? (function(o, v) {\r\n        Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n    }) : function(o, v) {\r\n        o[\"default\"] = v;\r\n    };\r\n\r\n    __importStar = function (mod) {\r\n        if (mod && mod.__esModule) return mod;\r\n        var result = {};\r\n        if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n        __setModuleDefault(result, mod);\r\n        return result;\r\n    };\r\n\r\n    __importDefault = function (mod) {\r\n        return (mod && mod.__esModule) ? mod : { \"default\": mod };\r\n    };\r\n\r\n    __classPrivateFieldGet = function (receiver, state, kind, f) {\r\n        if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n        if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n        return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n    };\r\n\r\n    __classPrivateFieldSet = function (receiver, state, value, kind, f) {\r\n        if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n        if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n        if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n        return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n    };\r\n\r\n    exporter(\"__extends\", __extends);\r\n    exporter(\"__assign\", __assign);\r\n    exporter(\"__rest\", __rest);\r\n    exporter(\"__decorate\", __decorate);\r\n    exporter(\"__param\", __param);\r\n    exporter(\"__metadata\", __metadata);\r\n    exporter(\"__awaiter\", __awaiter);\r\n    exporter(\"__generator\", __generator);\r\n    exporter(\"__exportStar\", __exportStar);\r\n    exporter(\"__createBinding\", __createBinding);\r\n    exporter(\"__values\", __values);\r\n    exporter(\"__read\", __read);\r\n    exporter(\"__spread\", __spread);\r\n    exporter(\"__spreadArrays\", __spreadArrays);\r\n    exporter(\"__spreadArray\", __spreadArray);\r\n    exporter(\"__await\", __await);\r\n    exporter(\"__asyncGenerator\", __asyncGenerator);\r\n    exporter(\"__asyncDelegator\", __asyncDelegator);\r\n    exporter(\"__asyncValues\", __asyncValues);\r\n    exporter(\"__makeTemplateObject\", __makeTemplateObject);\r\n    exporter(\"__importStar\", __importStar);\r\n    exporter(\"__importDefault\", __importDefault);\r\n    exporter(\"__classPrivateFieldGet\", __classPrivateFieldGet);\r\n    exporter(\"__classPrivateFieldSet\", __classPrivateFieldSet);\r\n});\r\n","import HTML from './JBTextarea.html';\r\nimport CSS from './JBTextarea.scss';\r\nimport { JBTextareaElements, JBTextareaValidationItem, ValidationResult, ValidationResultItem, ValidationResultSummary } from './Types';\r\nexport class JBTextareaWebComponent extends HTMLElement {\r\n    #value = '';\r\n    get value() {\r\n        return this.#value;\r\n    }\r\n    set value(value) {\r\n        this.#value = value;\r\n        this.#textareaElement.value = value;\r\n        if(this.autoHeight){\r\n            this.changeHeightToContentSize();\r\n        }\r\n    }\r\n    constructor() {\r\n        super();\r\n        this.initWebComponent();\r\n        this.initProp();\r\n    }\r\n    #textareaElement!: HTMLTextAreaElement;\r\n    #elements!: JBTextareaElements;\r\n    initWebComponent() {\r\n        const shadowRoot = this.attachShadow({\r\n            mode: 'open'\r\n        });\r\n        const html = `<style>${CSS}</style>` + '\\n' + HTML;\r\n        const element = document.createElement('template');\r\n        element.innerHTML = html;\r\n        shadowRoot.appendChild(element.content.cloneNode(true));\r\n        this.#textareaElement = shadowRoot.querySelector('.textarea-box textarea')!;\r\n        this.#elements = {\r\n            textarea: this.#textareaElement,\r\n            label: shadowRoot.querySelector('label')!,\r\n            labelValue:shadowRoot.querySelector('label .label-value')!,\r\n            messageBox:shadowRoot.querySelector('.message-box')!\r\n        }\r\n        this.registerEventListener();\r\n    }\r\n    registerEventListener() {\r\n        this.#textareaElement.addEventListener('change', this.onInputChange.bind(this));\r\n        this.#textareaElement.addEventListener('keypress', this.onInputKeyPress.bind(this));\r\n        this.#textareaElement.addEventListener('keyup', this.onInputKeyup.bind(this));\r\n        this.#textareaElement.addEventListener('keydown', this.onInputKeyDown.bind(this));\r\n        this.#textareaElement.addEventListener('input', this.onInputInput.bind(this));\r\n    }\r\n    validationList:JBTextareaValidationItem[] = [];\r\n    autoHeight = false;\r\n    validation:ValidationResultSummary = {\r\n        isValid: null,\r\n        message: null\r\n    }\r\n    initProp() {\r\n        this.value = this.getAttribute('value') || '';\r\n\r\n    }\r\n    static get observedAttributes() {\r\n        return ['label', 'message', 'value', 'placeholder'];\r\n    }\r\n    attributeChangedCallback(name, oldValue, newValue) {\r\n        // do something when an attribute has changed\r\n        this.onAttributeChange(name, newValue);\r\n    }\r\n    onAttributeChange(name, value) {\r\n        switch (name) {\r\n            case 'label':\r\n                this.#elements.labelValue.innerHTML = value;\r\n                if(value == null || value == undefined || value == \"\"){\r\n                    this.#elements.label.classList.add('--hide');\r\n                }else{\r\n                    this.#elements.label.classList.remove('--hide');\r\n                }\r\n                break;\r\n            case 'message':\r\n                this.#elements.messageBox.innerHTML = value;\r\n                break;\r\n            case 'placeholder':\r\n                this.#textareaElement.setAttribute('placeholder', value);\r\n                break;\r\n            case 'value':\r\n                this.value = value;\r\n                break;\r\n        }\r\n\r\n    }\r\n    changeHeightToContentSize() {\r\n        this.#textareaElement.style.height = \"4px\";\r\n        this.#textareaElement.style.height = (this.#textareaElement.scrollHeight)+\"px\";\r\n    }\r\n    onInputKeyDown(e){\r\n        const keyDownnInitObj = {\r\n            key:e.key,\r\n            keyCode:e.keyCode,\r\n            code:e.code,\r\n            ctrlKey:e.ctrlKey,\r\n            shiftKey:e.shiftKey,\r\n            altKey:e.altKey,\r\n            charCode:e.charCode,\r\n            which:e.which,\r\n            cancelable: true,\r\n        };\r\n        const event = new KeyboardEvent(\"keydown\",keyDownnInitObj);\r\n        const isEventNotPrevented = this.dispatchEvent(event);\r\n        if(!isEventNotPrevented){\r\n            //if event prevented by e.preventDefault();\r\n            e.preventDefault();\r\n        }\r\n    }\r\n    onInputKeyPress() {\r\n        //TODO: raise keypress event\r\n        const event = new CustomEvent('keypress');\r\n        this.dispatchEvent(event);\r\n    }\r\n    onInputInput(){\r\n        if(this.autoHeight){\r\n            this.changeHeightToContentSize();\r\n        }\r\n    }\r\n    onInputKeyup(e) {\r\n        const inputText = e.target.value;\r\n        //here is the rare  time we update _value directly becuase we want trigger event that may read value directly from dom\r\n        this.#value = inputText;\r\n        this.triggerInputValidation(false);\r\n        const keyUpInitObj = {\r\n            key:e.key,\r\n            keyCode:e.keyCode,\r\n            code:e.code,\r\n            ctrlKey:e.ctrlKey,\r\n            shiftKey:e.shiftKey,\r\n            altKey:e.altKey,\r\n            charCode:e.charCode,\r\n            which:e.which,\r\n        };\r\n        const event = new KeyboardEvent('keyup',keyUpInitObj);\r\n        this.dispatchEvent(event);\r\n    }\r\n    onInputChange(e) {\r\n        const inputText = e.target.value;\r\n        this.triggerInputValidation(true);\r\n        //here is the rare  time we update _value directly becuase we want trigger event that may read value directly from dom\r\n        this.#value = inputText;\r\n        const validationObject = this.checkInputValidation(inputText);\r\n        const event = new CustomEvent('change',{\r\n            detail: {\r\n                isValid: validationObject.isAllValid,\r\n                validationObject:validationObject,\r\n            },\r\n        });\r\n        this.dispatchEvent(event);\r\n    }\r\n    triggerInputValidation(showError = true) {\r\n        // this method is for use out of component  for example if user click on submit button and developer want to check if all fields are valid\r\n        //takeAction determine if we want to show user error in web component difualtManner or developer will handle it by himself\r\n        const inputText = this.#textareaElement.value;\r\n        const validationResult = this.checkInputValidation(inputText);\r\n        if (showError == true && !validationResult.isAllValid) {\r\n            const firstFault = validationResult.validationList.find(x => !x.isValid);\r\n            if(firstFault){\r\n                this.showValidationError(firstFault.message);\r\n            }\r\n        } else if (validationResult.isAllValid) {\r\n            this.clearValidationError();\r\n        }\r\n        return validationResult;\r\n    }\r\n    checkInputValidation(inputText):ValidationResult{\r\n        const validationResult:ValidationResult = {\r\n            validationList: [],\r\n            isAllValid: true\r\n        };\r\n        this.validationList.forEach((validation) => {\r\n            const res = this.checkValidation(inputText, validation);\r\n            validationResult.validationList.push(res);\r\n            if (!res.isValid) {\r\n                validationResult.isAllValid = false;\r\n            }\r\n        });\r\n        return validationResult;\r\n    }\r\n    checkValidation(text, validation) {\r\n        const testRes = validation.validator.test(text);\r\n        validation.validator.lastIndex = 0;\r\n        if (!testRes) {\r\n            return {\r\n                isValid: false,\r\n                message: validation.message,\r\n                validation: validation\r\n            };\r\n        }\r\n        return {\r\n            isValid: true,\r\n            message: '',\r\n            validation: validation\r\n        };\r\n    }\r\n    showValidationError(error) {\r\n        this.validation = {\r\n            isValid: false,\r\n            message: error\r\n        };\r\n        this.#elements.messageBox.innerHTML = error;\r\n        this.#elements.messageBox.classList.add('error');\r\n    }\r\n    clearValidationError() {\r\n        this.validation = {\r\n            isValid: true,\r\n            message: null\r\n        };\r\n        const text = this.getAttribute('message') || '';\r\n        this.#elements.messageBox.innerHTML = text;\r\n        this.#elements.messageBox.classList.remove('error');\r\n    }\r\n}\r\n\r\nconst myElementNotExists = !customElements.get('jb-textarea');\r\nif(myElementNotExists){\r\n    //prevent duplicate registering\r\n    window.customElements.define('jb-textarea', JBTextareaWebComponent);\r\n}"],"names":["global","__classPrivateFieldGet","__classPrivateFieldSet","CSS"],"mappings":"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"}

package/dist/Types.d.ts

@@ -0,0 +1,23 @@
+export declare type JBTextareaElements = {
+    textarea: HTMLTextAreaElement;
+    label: HTMLLabelElement;
+    labelValue: HTMLSpanElement;
+    messageBox: HTMLDivElement;
+};
+export declare type ValidationResultSummary = {
+    isValid: boolean | null;
+    message: string | null;
+};
+export declare type ValidationResultItem = {
+    isValid: boolean | null;
+    message: string | null;
+    validation: JBTextareaValidationItem;
+};
+export declare type ValidationResult = {
+    validationList: ValidationResultItem[];
+    isAllValid: boolean;
+};
+export declare type JBTextareaValidationItem = {
+    validator: RegExp | ((value: string) => boolean);
+    message: string;
+};

package/index.js

@@ -1 +1 @@
-import './dist/JBTextarea';
+import './dist/JBTextarea.js';

package/lib/JBTextarea.scss

@@ -6,7 +6,7 @@
         margin: 4px 0px;
         display: block;
         font-size: var(--jb-textarea-label-font-size , 0.8em);
-        color: #1f1735;
+        color: var(--jb-textarea-label-color, #1f1735);
         &.--hide{
             display: none;
         }
@@ -41,7 +41,7 @@
             display: block;
             font-family: inherit;
             font-size: var(--jb-textarea-value-font-size , 1.1em);
-            color: #1f1735;
+            color: var(--jb-textarea-value-color, #1f1735);
             margin: 0;
             border-radius: 0;
             resize: vertical;

package/lib/{JBTextarea.js → JBTextarea.ts}

@@ -1,12 +1,14 @@
 import HTML from './JBTextarea.html';
 import CSS from './JBTextarea.scss';
-class JBTextareaWebComponent extends HTMLElement {
+import { JBTextareaElements, JBTextareaValidationItem, ValidationResult, ValidationResultItem, ValidationResultSummary } from './Types';
+export class JBTextareaWebComponent extends HTMLElement {
+    #value = '';
     get value() {
-        return this._value;
+        return this.#value;
     }
     set value(value) {
-        this._value = value;
-        this._textareaElement.value = value;
+        this.#value = value;
+        this.#textareaElement.value = value;
         if(this.autoHeight){
             this.changeHeightToContentSize();
         }
@@ -16,32 +18,41 @@ class JBTextareaWebComponent extends HTMLElement {
         this.initWebComponent();
         this.initProp();
     }
+    #textareaElement!: HTMLTextAreaElement;
+    #elements!: JBTextareaElements;
     initWebComponent() {
-        this._shadowRoot = this.attachShadow({
+        const shadowRoot = this.attachShadow({
             mode: 'open'
         });
-        this._html = `<style>${CSS}</style>` + '\n' + HTML;
-        this._element = document.createElement('template');
-        this._element.innerHTML = this._html;
-        this._shadowRoot.appendChild(this._element.content.cloneNode(true));
-        this._textareaElement = this._shadowRoot.querySelector('.textarea-box textarea');
+        const html = `<style>${CSS}</style>` + '\n' + HTML;
+        const element = document.createElement('template');
+        element.innerHTML = html;
+        shadowRoot.appendChild(element.content.cloneNode(true));
+        this.#textareaElement = shadowRoot.querySelector('.textarea-box textarea')!;
+        this.#elements = {
+            textarea: this.#textareaElement,
+            label: shadowRoot.querySelector('label')!,
+            labelValue:shadowRoot.querySelector('label .label-value')!,
+            messageBox:shadowRoot.querySelector('.message-box')!
+        }
         this.registerEventListener();
     }
     registerEventListener() {
-        this._textareaElement.addEventListener('change', this.onInputChange.bind(this));
-        this._textareaElement.addEventListener('keypress', this.onInputKeyPress.bind(this));
-        this._textareaElement.addEventListener('keyup', this.onInputKeyup.bind(this));
-        this._textareaElement.addEventListener('keydown', this.onInputKeyDown.bind(this));
-        this._textareaElement.addEventListener('input', this.onInputInput.bind(this));
+        this.#textareaElement.addEventListener('change', this.onInputChange.bind(this));
+        this.#textareaElement.addEventListener('keypress', this.onInputKeyPress.bind(this));
+        this.#textareaElement.addEventListener('keyup', this.onInputKeyup.bind(this));
+        this.#textareaElement.addEventListener('keydown', this.onInputKeyDown.bind(this));
+        this.#textareaElement.addEventListener('input', this.onInputInput.bind(this));
+    }
+    validationList:JBTextareaValidationItem[] = [];
+    autoHeight = false;
+    validation:ValidationResultSummary = {
+        isValid: null,
+        message: null
     }
     initProp() {
-        this.validationList = [];
         this.value = this.getAttribute('value') || '';
-        this.autoHeight = false;
-        this.validation = {
-            isValid: null,
-            message: null
-        };
+
     }
     static get observedAttributes() {
         return ['label', 'message', 'value', 'placeholder'];
@@ -53,18 +64,18 @@ class JBTextareaWebComponent extends HTMLElement {
     onAttributeChange(name, value) {
         switch (name) {
             case 'label':
-                this._shadowRoot.querySelector('label .label-value').innerHTML = value;
+                this.#elements.labelValue.innerHTML = value;
                 if(value == null || value == undefined || value == ""){
-                    this._shadowRoot.querySelector('label').classList.add('--hide');
+                    this.#elements.label.classList.add('--hide');
                 }else{
-                    this._shadowRoot.querySelector('label').classList.remove('--hide');
+                    this.#elements.label.classList.remove('--hide');
                 }
                 break;
             case 'message':
-                this._shadowRoot.querySelector('.message-box').innerHTML = value;
+                this.#elements.messageBox.innerHTML = value;
                 break;
             case 'placeholder':
-                this._textareaElement.setAttribute('placeholder', value);
+                this.#textareaElement.setAttribute('placeholder', value);
                 break;
             case 'value':
                 this.value = value;
@@ -73,8 +84,8 @@ class JBTextareaWebComponent extends HTMLElement {
 
     }
     changeHeightToContentSize() {
-        this._textareaElement.style.height = "4px";
-        this._textareaElement.style.height = (this._textareaElement.scrollHeight)+"px";
+        this.#textareaElement.style.height = "4px";
+        this.#textareaElement.style.height = (this.#textareaElement.scrollHeight)+"px";
     }
     onInputKeyDown(e){
         const keyDownnInitObj = {
@@ -108,7 +119,7 @@ class JBTextareaWebComponent extends HTMLElement {
     onInputKeyup(e) {
         const inputText = e.target.value;
         //here is the rare  time we update _value directly becuase we want trigger event that may read value directly from dom
-        this._value = inputText;
+        this.#value = inputText;
         this.triggerInputValidation(false);
         const keyUpInitObj = {
             key:e.key,
@@ -127,7 +138,7 @@ class JBTextareaWebComponent extends HTMLElement {
         const inputText = e.target.value;
         this.triggerInputValidation(true);
         //here is the rare  time we update _value directly becuase we want trigger event that may read value directly from dom
-        this._value = inputText;
+        this.#value = inputText;
         const validationObject = this.checkInputValidation(inputText);
         const event = new CustomEvent('change',{
             detail: {
@@ -140,18 +151,20 @@ class JBTextareaWebComponent extends HTMLElement {
     triggerInputValidation(showError = true) {
         // this method is for use out of component  for example if user click on submit button and developer want to check if all fields are valid
         //takeAction determine if we want to show user error in web component difualtManner or developer will handle it by himself
-        const inputText = this._textareaElement.value;
+        const inputText = this.#textareaElement.value;
         const validationResult = this.checkInputValidation(inputText);
         if (showError == true && !validationResult.isAllValid) {
             const firstFault = validationResult.validationList.find(x => !x.isValid);
-            this.showValidationError(firstFault.message);
+            if(firstFault){
+                this.showValidationError(firstFault.message);
+            }
         } else if (validationResult.isAllValid) {
             this.clearValidationError();
         }
         return validationResult;
     }
-    checkInputValidation(inputText){
-        const validationResult = {
+    checkInputValidation(inputText):ValidationResult{
+        const validationResult:ValidationResult = {
             validationList: [],
             isAllValid: true
         };
@@ -165,7 +178,7 @@ class JBTextareaWebComponent extends HTMLElement {
         return validationResult;
     }
     checkValidation(text, validation) {
-        var testRes = validation.validator.test(text);
+        const testRes = validation.validator.test(text);
         validation.validator.lastIndex = 0;
         if (!testRes) {
             return {
@@ -185,8 +198,8 @@ class JBTextareaWebComponent extends HTMLElement {
             isValid: false,
             message: error
         };
-        this._shadowRoot.querySelector('.message-box').innerHTML = error;
-        this._shadowRoot.querySelector('.message-box').classList.add('error');
+        this.#elements.messageBox.innerHTML = error;
+        this.#elements.messageBox.classList.add('error');
     }
     clearValidationError() {
         this.validation = {
@@ -194,8 +207,8 @@ class JBTextareaWebComponent extends HTMLElement {
             message: null
         };
         const text = this.getAttribute('message') || '';
-        this._shadowRoot.querySelector('.message-box').innerHTML = text;
-        this._shadowRoot.querySelector('.message-box').classList.remove('error');
+        this.#elements.messageBox.innerHTML = text;
+        this.#elements.messageBox.classList.remove('error');
     }
 }
 

package/lib/Types.ts

@@ -0,0 +1,23 @@
+export type JBTextareaElements = {
+    textarea: HTMLTextAreaElement;
+    label: HTMLLabelElement;
+    labelValue: HTMLSpanElement;
+    messageBox: HTMLDivElement;
+}
+export type ValidationResultSummary = {
+    isValid:boolean | null;
+    message:string | null;
+}
+export type ValidationResultItem = {
+    isValid:boolean | null;
+    message:string | null;
+    validation:JBTextareaValidationItem;
+}
+export type ValidationResult = {
+    validationList:ValidationResultItem[];
+    isAllValid:boolean;
+}
+export type JBTextareaValidationItem = {
+    validator: RegExp | ((value:string)=>boolean);
+    message:string;
+}

package/lib/global.d.ts

@@ -0,0 +1,11 @@
+type FileStringModule = {
+    readonly default: string;
+}
+declare module '*.scss' {
+    const value: FileStringModule;
+    export default value;
+}
+declare module '*.html' {
+    const value: FileStringModule;
+    export default value.default
+}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "jb-textarea",
   "description": "textarea web component",
+  "type": "module",
   "author": {
 		"name": "mohammad javad bathaei",
 		"email": "javadbat@gmail.com"
@@ -11,7 +12,7 @@
     "select",
     "web component"
   ],
-  "version": "1.1.1",
+  "version": "2.0.0",
   "bugs": "https://github.com/javadbat/jb-textarea/issues",
   "license": "MIT",
   "files": [
@@ -21,6 +22,7 @@
     "dist/"
   ],
   "main": "index.js",
+  "types": "./dist/JBTextarea.d.ts",
   "repository": {
 		"type": "git",
 		"url": "git@github.com:javadbat/jb-textarea.git"