jb-textarea 2.0.0 → 2.2.0

package/dist/JBTextarea.js

@@ -1,21 +1,4 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-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;
-}
-
-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
@@ -29,302 +12,39 @@ 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)));
-    }
-    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;
-    };
+function __classPrivateFieldGet(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);
+}
 
-    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);
-});
-});
+function __classPrivateFieldSet(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;
+}
 
 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 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";
 
-var _JBTextareaWebComponent_value, _JBTextareaWebComponent_textareaElement, _JBTextareaWebComponent_elements;
+var _JBTextareaWebComponent_instances, _JBTextareaWebComponent_value, _JBTextareaWebComponent_textareaElement, _JBTextareaWebComponent_elements, _JBTextareaWebComponent_dispatchBeforeInputEvent, _JBTextareaWebComponent_triggerInputEvent;
 class JBTextareaWebComponent extends HTMLElement {
+    get value() {
+        return __classPrivateFieldGet(this, _JBTextareaWebComponent_value, "f");
+    }
+    set value(value) {
+        __classPrivateFieldSet(this, _JBTextareaWebComponent_value, value, "f");
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").value = value;
+        if (this.autoHeight) {
+            this.changeHeightToContentSize();
+        }
+    }
     constructor() {
         super();
+        _JBTextareaWebComponent_instances.add(this);
         _JBTextareaWebComponent_value.set(this, '');
         _JBTextareaWebComponent_textareaElement.set(this, void 0);
         _JBTextareaWebComponent_elements.set(this, void 0);
@@ -337,16 +57,6 @@ class JBTextareaWebComponent extends HTMLElement {
         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() {
         const shadowRoot = this.attachShadow({
             mode: 'open'
@@ -355,9 +65,9 @@ class JBTextareaWebComponent extends HTMLElement {
         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"),
+        __classPrivateFieldSet(this, _JBTextareaWebComponent_textareaElement, shadowRoot.querySelector('.textarea-box textarea'), "f");
+        __classPrivateFieldSet(this, _JBTextareaWebComponent_elements, {
+            textarea: __classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f"),
             label: shadowRoot.querySelector('label'),
             labelValue: shadowRoot.querySelector('label .label-value'),
             messageBox: shadowRoot.querySelector('.message-box')
@@ -365,11 +75,12 @@ class JBTextareaWebComponent extends HTMLElement {
         this.registerEventListener();
     }
     registerEventListener() {
-        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));
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").textarea.addEventListener('change', (e) => this.onInputChange(e));
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").textarea.addEventListener('beforeinput', this.onInputBeforeInput.bind(this));
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").textarea.addEventListener('input', (e) => this.onInputInput(e));
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").textarea.addEventListener('keypress', this.onInputKeyPress.bind(this));
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").textarea.addEventListener('keyup', this.onInputKeyup.bind(this));
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").textarea.addEventListener('keydown', this.onInputKeyDown.bind(this));
     }
     initProp() {
         this.value = this.getAttribute('value') || '';
@@ -384,19 +95,19 @@ class JBTextareaWebComponent extends HTMLElement {
     onAttributeChange(name, value) {
         switch (name) {
             case 'label':
-                tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").labelValue.innerHTML = value;
+                __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").labelValue.innerHTML = value;
                 if (value == null || value == undefined || value == "") {
-                    tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").label.classList.add('--hide');
+                    __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").label.classList.add('--hide');
                 }
                 else {
-                    tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").label.classList.remove('--hide');
+                    __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").label.classList.remove('--hide');
                 }
                 break;
             case 'message':
-                tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.innerHTML = value;
+                __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.innerHTML = value;
                 break;
             case 'placeholder':
-                tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").setAttribute('placeholder', value);
+                __classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").setAttribute('placeholder', value);
                 break;
             case 'value':
                 this.value = value;
@@ -404,8 +115,11 @@ class JBTextareaWebComponent extends HTMLElement {
         }
     }
     changeHeightToContentSize() {
-        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";
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").style.height = "4px";
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").style.height = (__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").scrollHeight) + "px";
+    }
+    onInputBeforeInput(e) {
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_instances, "m", _JBTextareaWebComponent_dispatchBeforeInputEvent).call(this, e);
     }
     onInputKeyDown(e) {
         const keyDownnInitObj = {
@@ -418,6 +132,14 @@ class JBTextareaWebComponent extends HTMLElement {
             charCode: e.charCode,
             which: e.which,
             cancelable: true,
+            location: e.location,
+            detail: e.detail,
+            bubbles: e.bubbles,
+            composed: e.composed,
+            isComposing: e.isComposing,
+            metaKey: e.metaKey,
+            repeat: e.repeat,
+            view: e.view
         };
         const event = new KeyboardEvent("keydown", keyDownnInitObj);
         const isEventNotPrevented = this.dispatchEvent(event);
@@ -426,20 +148,43 @@ class JBTextareaWebComponent extends HTMLElement {
             e.preventDefault();
         }
     }
-    onInputKeyPress() {
-        //TODO: raise keypress event
-        const event = new CustomEvent('keypress');
-        this.dispatchEvent(event);
+    onInputKeyPress(e) {
+        const keyPressInitObj = {
+            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,
+            location: e.location,
+            detail: e.detail,
+            bubbles: e.bubbles,
+            composed: e.composed,
+            isComposing: e.isComposing,
+            metaKey: e.metaKey,
+            repeat: e.repeat,
+            view: e.view
+        };
+        const event = new KeyboardEvent('keypress', keyPressInitObj);
+        const isEventNotPrevented = this.dispatchEvent(event);
+        if (!isEventNotPrevented) {
+            //if event prevented by e.preventDefault();
+            e.preventDefault();
+        }
     }
-    onInputInput() {
+    onInputInput(e) {
         if (this.autoHeight) {
             this.changeHeightToContentSize();
         }
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_instances, "m", _JBTextareaWebComponent_triggerInputEvent).call(this, e);
     }
     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
-        tslib.__classPrivateFieldSet(this, _JBTextareaWebComponent_value, inputText, "f");
+        __classPrivateFieldSet(this, _JBTextareaWebComponent_value, inputText, "f");
         this.triggerInputValidation(false);
         const keyUpInitObj = {
             key: e.key,
@@ -450,6 +195,15 @@ class JBTextareaWebComponent extends HTMLElement {
             altKey: e.altKey,
             charCode: e.charCode,
             which: e.which,
+            bubbles: e.bubbles,
+            cancelable: e.cancelable,
+            composed: e.composed,
+            detail: e.detail,
+            isComposing: e.isComposing,
+            location: e.location,
+            metaKey: e.metaKey,
+            repeat: e.repeat,
+            view: e.view
         };
         const event = new KeyboardEvent('keyup', keyUpInitObj);
         this.dispatchEvent(event);
@@ -458,7 +212,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
-        tslib.__classPrivateFieldSet(this, _JBTextareaWebComponent_value, inputText, "f");
+        __classPrivateFieldSet(this, _JBTextareaWebComponent_value, inputText, "f");
         const validationObject = this.checkInputValidation(inputText);
         const event = new CustomEvent('change', {
             detail: {
@@ -471,11 +225,11 @@ 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 = tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").value;
+        const inputText = __classPrivateFieldGet(this, _JBTextareaWebComponent_textareaElement, "f").value;
         const validationResult = this.checkInputValidation(inputText);
         if (showError == true && !validationResult.isAllValid) {
             const firstFault = validationResult.validationList.find(x => !x.isValid);
-            if (firstFault) {
+            if (firstFault && firstFault.message) {
                 this.showValidationError(firstFault.message);
             }
         }
@@ -499,8 +253,14 @@ class JBTextareaWebComponent extends HTMLElement {
         return validationResult;
     }
     checkValidation(text, validation) {
-        const testRes = validation.validator.test(text);
-        validation.validator.lastIndex = 0;
+        let testRes = true;
+        if (validation.validator instanceof RegExp) {
+            testRes = validation.validator.test(text);
+            validation.validator.lastIndex = 0;
+        }
+        if (typeof validation.validator == "function") {
+            testRes = validation.validator(text);
+        }
         if (!testRes) {
             return {
                 isValid: false,
@@ -519,8 +279,8 @@ class JBTextareaWebComponent extends HTMLElement {
             isValid: false,
             message: error
         };
-        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.innerHTML = error;
-        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.classList.add('error');
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.innerHTML = error;
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.classList.add('error');
     }
     clearValidationError() {
         this.validation = {
@@ -528,11 +288,45 @@ class JBTextareaWebComponent extends HTMLElement {
             message: null
         };
         const text = this.getAttribute('message') || '';
-        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.innerHTML = text;
-        tslib.__classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.classList.remove('error');
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.innerHTML = text;
+        __classPrivateFieldGet(this, _JBTextareaWebComponent_elements, "f").messageBox.classList.remove('error');
     }
 }
-_JBTextareaWebComponent_value = new WeakMap(), _JBTextareaWebComponent_textareaElement = new WeakMap(), _JBTextareaWebComponent_elements = new WeakMap();
+_JBTextareaWebComponent_value = new WeakMap(), _JBTextareaWebComponent_textareaElement = new WeakMap(), _JBTextareaWebComponent_elements = new WeakMap(), _JBTextareaWebComponent_instances = new WeakSet(), _JBTextareaWebComponent_dispatchBeforeInputEvent = function _JBTextareaWebComponent_dispatchBeforeInputEvent(e) {
+    const eventInitDict = {
+        bubbles: e.bubbles,
+        cancelable: e.cancelable,
+        composed: e.composed,
+        data: e.data,
+        isComposing: e.isComposing,
+        inputType: e.inputType,
+        dataTransfer: e.dataTransfer,
+        view: e.view,
+        detail: e.detail,
+        targetRanges: e.getTargetRanges(),
+    };
+    const event = new InputEvent('beforeinput', eventInitDict);
+    this.dispatchEvent(event);
+    if (event.defaultPrevented) {
+        e.preventDefault();
+    }
+    return event.defaultPrevented;
+}, _JBTextareaWebComponent_triggerInputEvent = function _JBTextareaWebComponent_triggerInputEvent(e) {
+    const inputInitObject = {
+        bubbles: e.bubbles,
+        cancelable: e.cancelable,
+        composed: e.composed,
+        data: e.data,
+        dataTransfer: e.dataTransfer,
+        detail: e.detail,
+        inputType: e.inputType,
+        isComposing: e.isComposing,
+        targetRanges: e.getTargetRanges(),
+        view: e.view
+    };
+    const event = new InputEvent("input", inputInitObject);
+    this.dispatchEvent(event);
+};
 const myElementNotExists = !customElements.get('jb-textarea');
 if (myElementNotExists) {
     //prevent duplicate registering