jb-select 3.0.0 → 3.1.1

package/dist/JBSelect.js

@@ -1,20 +1,3 @@
-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.
 
@@ -29,297 +12,23 @@ 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-select-web-component\">\r\n    <label class=\"--hide\"><span class=\"label-value\"></span></label>\r\n    <div class=\"select-box\">\r\n        <div class=\"selected-value-wrapper\">\r\n            \r\n        </div>\r\n        <div class=\"front-box\">\r\n            <input class=\"input\">\r\n            <div class=\"arrow-icon\"></div>\r\n        </div>\r\n    </div>\r\n    <div class=\"select-list-wrapper\">\r\n        <div class=\"select-list\" tabindex=\"-1\">\r\n\r\n        </div>\r\n        <div class=\"empty-list-placeholder\">\r\n            <slot name=\"empty-list\">no item available</slot> \r\n        </div>\r\n    </div>\r\n    <div class=\"message-box\"></div>\r\n</div>";
+var HTML = "<div class=\"jb-select-web-component\">\r\n    <label class=\"--hide\"><span class=\"label-value\"></span></label>\r\n    <div class=\"select-box\">\r\n        <div class=\"selected-value-wrapper\">\r\n            \r\n        </div>\r\n        <div class=\"front-box\">\r\n            <input class=\"input\">\r\n            <div class=\"arrow-icon\"></div>\r\n        </div>\r\n    </div>\r\n    <div class=\"select-list-wrapper\">\r\n        <div class=\"select-list\" tabindex=\"-1\">\r\n\r\n        </div>\r\n        <div class=\"empty-list-placeholder\">\r\n            <slot name=\"empty-list-message\">no item available</slot> \r\n        </div>\r\n    </div>\r\n    <div class=\"message-box\"></div>\r\n</div>";
 
-var css_248z = ".jb-select-web-component {\n  width: var(--jb-select-width, 100%);\n  margin: var(--jb-select-margin, 12px 0);\n  position: relative;\n  box-sizing: border-box; }\n  @media (min-width: 320px) and (max-width: 767px) {\n    .jb-select-web-component.--focused {\n      position: absolute;\n      top: 0;\n      left: 0;\n      background-color: #0008;\n      width: 100vw;\n      height: 100vh;\n      margin: 0;\n      padding: 16px 8px;\n      z-index: 900; } }\n  @media (min-width: 320px) and (max-width: 767px) {\n    .jb-select-web-component.--focused .select-list-wrapper {\n      position: initial;\n      margin: 16px 0;\n      border-radius: var(--jb-select-border-radius, 16px); } }\n  @media (min-width: 320px) and (max-width: 767px) {\n    .jb-select-web-component.--focused label {\n      color: #fff;\n      font-size: 1.5em; } }\n  .jb-select-web-component.--has-value .select-box {\n    border-color: var(--jb-select-border-color-selected, #c3ff14);\n    background-color: var(--jb-select-bgcolor-selected, #f7f6f6); }\n  .jb-select-web-component label {\n    width: 100%;\n    margin: 4px 0px;\n    display: block;\n    font-size: var(--jb-input-label-font-size, 0.8em);\n    font-weight: var(--jb-input-label-font-weight, normal);\n    color: var(--jb-select-label-color, #1f1735); }\n    .jb-select-web-component label.--hide {\n      display: none; }\n  .jb-select-web-component .select-box {\n    width: 100%;\n    box-sizing: border-box;\n    height: var(--jb-select-height, 40px);\n    border: solid var(--jb-select-border-width, 1px) var(--jb-select-border-color, #f7f6f6);\n    background-color: var(--jb-select-bgcolor, #f7f6f6);\n    border-bottom: solid var(--jb-select-border-bottom-width, 3px) var(--jb-select-border-color, #f7f6f6);\n    border-radius: var(--jb-select-border-radius, 16px);\n    margin: 4px 0px;\n    overflow: hidden;\n    display: flex;\n    justify-content: space-between;\n    padding-inline-end: 16px;\n    gap: 8px;\n    position: relative; }\n    .jb-select-web-component .select-box:focus-within {\n      border-color: var(--jb-select-border-color, #1e2832);\n      border-bottom-color: var(--jb-select-border-color, #f7f6f6);\n      border-radius: var(--jb-select-border-radius, 16px) var(--jb-select-border-radius, 16px) 0 0; }\n      @media (min-width: 320px) and (max-width: 767px) {\n        .jb-select-web-component .select-box:focus-within {\n          border-radius: var(--jb-select-border-radius, 16px);\n          border-bottom-color: var(--jb-select-border-color, #1e2832); } }\n    .jb-select-web-component .select-box .selected-value-wrapper {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      border-radius: inherit;\n      overflow: hidden;\n      z-index: 1; }\n      .jb-select-web-component .select-box .selected-value-wrapper.--search-typed {\n        opacity: 0; }\n      .jb-select-web-component .select-box .selected-value-wrapper .selected-value {\n        width: 100%;\n        box-sizing: border-box;\n        height: 100%;\n        background-color: transparent;\n        padding: 2px 12px 0 12px;\n        display: block;\n        font-family: inherit;\n        font-size: 1.1em;\n        color: var(--jb-select-selected-value-color, #1f1735);\n        margin: 0;\n        border-radius: 0;\n        display: flex;\n        align-items: center; }\n    .jb-select-web-component .select-box:focus-within .selected-value {\n      opacity: 0.7;\n      transition: all 0.3s ease; }\n    .jb-select-web-component .select-box .front-box {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      border-radius: inherit;\n      overflow: hidden;\n      z-index: 2; }\n      .jb-select-web-component .select-box .front-box input {\n        border: none;\n        width: 100%;\n        box-sizing: border-box;\n        height: 100%;\n        background-color: transparent;\n        padding: 2px 12px 0 12px;\n        display: block;\n        font-family: inherit;\n        font-size: 1.1em;\n        color: var(--jb-select-input-color, #1f1735);\n        margin: 0;\n        border-radius: 0; }\n        .jb-select-web-component .select-box .front-box input:focus {\n          outline: none; }\n        .jb-select-web-component .select-box .front-box input::placeholder {\n          color: var(--jb-select-placeholder-color, initial);\n          font-size: var(--jb-select-placeholder-font-size, 1.1em); }\n      .jb-select-web-component .select-box .front-box .arrow-icon {\n        width: 8px;\n        height: 100%;\n        background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 494.1 371.1' style='enable-background:new 0 0 494.1 371.1;' xml:space='preserve'><path d='M293,343.8L480.9,69.3c8.7-12.7,13.3-25.4,13.3-36.1c0-20.5-16.5-33.2-44-33.2H44C16.4,0,0,12.7,0,33.2  c0,10.6,4.6,23.2,13.3,35.9l187.9,274.6c12.1,17.7,28.4,27.4,45.9,27.4C264.6,371.1,280.9,361.4,293,343.8z'/></svg>\");\n        background-position: end;\n        background-repeat: no-repeat;\n        background-position-x: 0;\n        background-position-y: center; }\n  .jb-select-web-component .message-box {\n    font-size: var(--jb-select-message-font-size, 0.7em);\n    font-weight: var(--jb-select-message-font-weight, normal);\n    padding: 2px 8px;\n    color: var(--jb-select-message-color, #929292); }\n    .jb-select-web-component .message-box:empty {\n      padding: 0; }\n    .jb-select-web-component .message-box.--error {\n      color: red; }\n  .jb-select-web-component .select-list-wrapper {\n    display: none;\n    position: absolute;\n    margin: -6px 0;\n    height: auto;\n    overflow: hidden;\n    width: 100%;\n    background-color: var(--jb-select-bgcolor, #f7f6f6);\n    border-radius: 0 0 var(--jb-select-border-radius, 16px) var(--jb-select-border-radius, 16px);\n    border: solid 1px var(--jb-select-border-color, #1e2832);\n    border-top: none;\n    border-bottom: solid 3px var(--jb-select-border-color, #1e2832);\n    box-shadow: var(--jb-select-list-box-shadow);\n    box-sizing: border-box;\n    z-index: 999; }\n    .jb-select-web-component .select-list-wrapper.--show {\n      display: block; }\n    .jb-select-web-component .select-list-wrapper .select-list {\n      width: 100%;\n      max-height: var(--jb-select-list-max-height, 400px);\n      overflow-y: auto;\n      padding: 16px 0; }\n      .jb-select-web-component .select-list-wrapper .select-list:empty {\n        padding: 0; }\n      @media (min-width: 320px) and (max-width: 767px) {\n        .jb-select-web-component .select-list-wrapper .select-list {\n          max-height: calc(100vh - 240px); } }\n      .jb-select-web-component .select-list-wrapper .select-list .select-option {\n        min-height: 36px;\n        padding: 4px 16px;\n        display: flex;\n        align-items: center;\n        font-size: 0.9em;\n        color: var(--jb-select-option-color, inherit);\n        background-color: var(--jb-select-option-background-color, #fff); }\n        .jb-select-web-component .select-list-wrapper .select-list .select-option:hover {\n          background-color: var(--jb-select-option-background-color-hover, #1073db);\n          color: var(--jb-select-option-color-hover, #fff);\n          cursor: pointer; }\n    .jb-select-web-component .select-list-wrapper .empty-list-placeholder {\n      display: none;\n      text-align: center;\n      color: #838383;\n      font-style: italic;\n      padding: 8px 0; }\n      .jb-select-web-component .select-list-wrapper .empty-list-placeholder.--show {\n        display: block; }\n\n/*# sourceMappingURL=data:application/json;base64,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UUFDRSxVQUFVLEVBQUU7TUFDZDtRQUNFO1VBQ0UsK0JBQStCLEVBQUUsRUFBRTtNQUN2QztRQUNFLGdCQUFnQjtRQUNoQixpQkFBaUI7UUFDakIsYUFBYTtRQUNiLG1CQUFtQjtRQUNuQixnQkFBZ0I7UUFDaEIsNkNBQTZDO1FBQzdDLGdFQUFnRSxFQUFFO1FBQ2xFO1VBQ0UseUVBQXlFO1VBQ3pFLGdEQUFnRDtVQUNoRCxlQUFlLEVBQUU7SUFDdkI7TUFDRSxhQUFhO01BQ2Isa0JBQWtCO01BQ2xCLGNBQWM7TUFDZCxrQkFBa0I7TUFDbEIsY0FBYyxFQUFFO01BQ2hCO1FBQ0UsY0FBYyxFQUFFIiwiZmlsZSI6IkpCU2VsZWN0LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuamItc2VsZWN0LXdlYi1jb21wb25lbnQge1xuICB3aWR0aDogdmFyKC0tamItc2VsZWN0LXdpZHRoLCAxMDAlKTtcbiAgbWFyZ2luOiB2YXIoLS1qYi1zZWxlY3QtbWFyZ2luLCAxMnB4IDApO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7IH1cbiAgQG1lZGlhIChtaW4td2lkdGg6IDMyMHB4KSBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICAuamItc2VsZWN0LXdlYi1jb21wb25lbnQuLS1mb2N1c2VkIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDAwODtcbiAgICAgIHdpZHRoOiAxMDB2dztcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBwYWRkaW5nOiAxNnB4IDhweDtcbiAgICAgIHotaW5kZXg6IDkwMDsgfSB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiAzMjBweCkgYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50Li0tZm9jdXNlZCAuc2VsZWN0LWxpc3Qtd3JhcHBlciB7XG4gICAgICBwb3NpdGlvbjogaW5pdGlhbDtcbiAgICAgIG1hcmdpbjogMTZweCAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tamItc2VsZWN0LWJvcmRlci1yYWRpdXMsIDE2cHgpOyB9IH1cbiAgQG1lZGlhIChtaW4td2lkdGg6IDMyMHB4KSBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICAuamItc2VsZWN0LXdlYi1jb21wb25lbnQuLS1mb2N1c2VkIGxhYmVsIHtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgZm9udC1zaXplOiAxLjVlbTsgfSB9XG4gIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudC4tLWhhcy12YWx1ZSAuc2VsZWN0LWJveCB7XG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1qYi1zZWxlY3QtYm9yZGVyLWNvbG9yLXNlbGVjdGVkLCAjYzNmZjE0KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1qYi1zZWxlY3QtYmdjb2xvci1zZWxlY3RlZCwgI2Y3ZjZmNik7IH1cbiAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IGxhYmVsIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXJnaW46IDRweCAwcHg7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgZm9udC1zaXplOiB2YXIoLS1qYi1pbnB1dC1sYWJlbC1mb250LXNpemUsIDAuOGVtKTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tamItaW5wdXQtbGFiZWwtZm9udC13ZWlnaHQsIG5vcm1hbCk7XG4gICAgY29sb3I6IHZhcigtLWpiLXNlbGVjdC1sYWJlbC1jb2xvciwgIzFmMTczNSk7IH1cbiAgICAuamItc2VsZWN0LXdlYi1jb21wb25lbnQgbGFiZWwuLS1oaWRlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7IH1cbiAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IC5zZWxlY3QtYm94IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGhlaWdodDogdmFyKC0tamItc2VsZWN0LWhlaWdodCwgNDBweCk7XG4gICAgYm9yZGVyOiBzb2xpZCB2YXIoLS1qYi1zZWxlY3QtYm9yZGVyLXdpZHRoLCAxcHgpIHZhcigtLWpiLXNlbGVjdC1ib3JkZXItY29sb3IsICNmN2Y2ZjYpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWpiLXNlbGVjdC1iZ2NvbG9yLCAjZjdmNmY2KTtcbiAgICBib3JkZXItYm90dG9tOiBzb2xpZCB2YXIoLS1qYi1zZWxlY3QtYm9yZGVyLWJvdHRvbS13aWR0aCwgM3B4KSB2YXIoLS1qYi1zZWxlY3QtYm9yZGVyLWNvbG9yLCAjZjdmNmY2KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1qYi1zZWxlY3QtYm9yZGVyLXJhZGl1cywgMTZweCk7XG4gICAgbWFyZ2luOiA0cHggMHB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAxNnB4O1xuICAgIGdhcDogOHB4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWJveDpmb2N1cy13aXRoaW4ge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1qYi1zZWxlY3QtYm9yZGVyLWNvbG9yLCAjMWUyODMyKTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6IHZhcigtLWpiLXNlbGVjdC1ib3JkZXItY29sb3IsICNmN2Y2ZjYpO1xuICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tamItc2VsZWN0LWJvcmRlci1yYWRpdXMsIDE2cHgpIHZhcigtLWpiLXNlbGVjdC1ib3JkZXItcmFkaXVzLCAxNnB4KSAwIDA7IH1cbiAgICAgIEBtZWRpYSAobWluLXdpZHRoOiAzMjBweCkgYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWJveDpmb2N1cy13aXRoaW4ge1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWpiLXNlbGVjdC1ib3JkZXItcmFkaXVzLCAxNnB4KTtcbiAgICAgICAgICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS1qYi1zZWxlY3QtYm9yZGVyLWNvbG9yLCAjMWUyODMyKTsgfSB9XG4gICAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IC5zZWxlY3QtYm94IC5zZWxlY3RlZC12YWx1ZS13cmFwcGVyIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogaW5oZXJpdDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB6LWluZGV4OiAxOyB9XG4gICAgICAuamItc2VsZWN0LXdlYi1jb21wb25lbnQgLnNlbGVjdC1ib3ggLnNlbGVjdGVkLXZhbHVlLXdyYXBwZXIuLS1zZWFyY2gtdHlwZWQge1xuICAgICAgICBvcGFjaXR5OiAwOyB9XG4gICAgICAuamItc2VsZWN0LXdlYi1jb21wb25lbnQgLnNlbGVjdC1ib3ggLnNlbGVjdGVkLXZhbHVlLXdyYXBwZXIgLnNlbGVjdGVkLXZhbHVlIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmc6IDJweCAxMnB4IDAgMTJweDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgICBmb250LXNpemU6IDEuMWVtO1xuICAgICAgICBjb2xvcjogdmFyKC0tamItc2VsZWN0LXNlbGVjdGVkLXZhbHVlLWNvbG9yLCAjMWYxNzM1KTtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOyB9XG4gICAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IC5zZWxlY3QtYm94OmZvY3VzLXdpdGhpbiAuc2VsZWN0ZWQtdmFsdWUge1xuICAgICAgb3BhY2l0eTogMC43O1xuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTsgfVxuICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWJveCAuZnJvbnQtYm94IHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogaW5oZXJpdDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB6LWluZGV4OiAyOyB9XG4gICAgICAuamItc2VsZWN0LXdlYi1jb21wb25lbnQgLnNlbGVjdC1ib3ggLmZyb250LWJveCBpbnB1dCB7XG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmc6IDJweCAxMnB4IDAgMTJweDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgICBmb250LXNpemU6IDEuMWVtO1xuICAgICAgICBjb2xvcjogdmFyKC0tamItc2VsZWN0LWlucHV0LWNvbG9yLCAjMWYxNzM1KTtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwOyB9XG4gICAgICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWJveCAuZnJvbnQtYm94IGlucHV0OmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lOyB9XG4gICAgICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWJveCAuZnJvbnQtYm94IGlucHV0OjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWpiLXNlbGVjdC1wbGFjZWhvbGRlci1jb2xvciwgaW5pdGlhbCk7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1qYi1zZWxlY3QtcGxhY2Vob2xkZXItZm9udC1zaXplLCAxLjFlbSk7IH1cbiAgICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWJveCAuZnJvbnQtYm94IC5hcnJvdy1pY29uIHtcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzgnIGhlaWdodD0nOCcgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZlcnNpb249JzEuMScgaWQ9J0xheWVyXzEnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgNDk0LjEgMzcxLjEnIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5NC4xIDM3MS4xOycgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PHBhdGggZD0nTTI5MywzNDMuOEw0ODAuOSw2OS4zYzguNy0xMi43LDEzLjMtMjUuNCwxMy4zLTM2LjFjMC0yMC41LTE2LjUtMzMuMi00NC0zMy4ySDQ0QzE2LjQsMCwwLDEyLjcsMCwzMy4yICBjMCwxMC42LDQuNiwyMy4yLDEzLjMsMzUuOWwxODcuOSwyNzQuNmMxMi4xLDE3LjcsMjguNCwyNy40LDQ1LjksMjcuNEMyNjQuNiwzNzEuMSwyODAuOSwzNjEuNCwyOTMsMzQzLjh6Jy8+PC9zdmc+XCIpO1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBlbmQ7XG4gICAgICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb24teDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbi15OiBjZW50ZXI7IH1cbiAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IC5tZXNzYWdlLWJveCB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1qYi1zZWxlY3QtbWVzc2FnZS1mb250LXNpemUsIDAuN2VtKTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tamItc2VsZWN0LW1lc3NhZ2UtZm9udC13ZWlnaHQsIG5vcm1hbCk7XG4gICAgcGFkZGluZzogMnB4IDhweDtcbiAgICBjb2xvcjogdmFyKC0tamItc2VsZWN0LW1lc3NhZ2UtY29sb3IsICM5MjkyOTIpOyB9XG4gICAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IC5tZXNzYWdlLWJveDplbXB0eSB7XG4gICAgICBwYWRkaW5nOiAwOyB9XG4gICAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IC5tZXNzYWdlLWJveC4tLWVycm9yIHtcbiAgICAgIGNvbG9yOiByZWQ7IH1cbiAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IC5zZWxlY3QtbGlzdC13cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW46IC02cHggMDtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1qYi1zZWxlY3QtYmdjb2xvciwgI2Y3ZjZmNik7XG4gICAgYm9yZGVyLXJhZGl1czogMCAwIHZhcigtLWpiLXNlbGVjdC1ib3JkZXItcmFkaXVzLCAxNnB4KSB2YXIoLS1qYi1zZWxlY3QtYm9yZGVyLXJhZGl1cywgMTZweCk7XG4gICAgYm9yZGVyOiBzb2xpZCAxcHggdmFyKC0tamItc2VsZWN0LWJvcmRlci1jb2xvciwgIzFlMjgzMik7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICBib3JkZXItYm90dG9tOiBzb2xpZCAzcHggdmFyKC0tamItc2VsZWN0LWJvcmRlci1jb2xvciwgIzFlMjgzMik7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tamItc2VsZWN0LWxpc3QtYm94LXNoYWRvdyk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB6LWluZGV4OiA5OTk7IH1cbiAgICAuamItc2VsZWN0LXdlYi1jb21wb25lbnQgLnNlbGVjdC1saXN0LXdyYXBwZXIuLS1zaG93IHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrOyB9XG4gICAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IC5zZWxlY3QtbGlzdC13cmFwcGVyIC5zZWxlY3QtbGlzdCB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6IHZhcigtLWpiLXNlbGVjdC1saXN0LW1heC1oZWlnaHQsIDQwMHB4KTtcbiAgICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgICBwYWRkaW5nOiAxNnB4IDA7IH1cbiAgICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWxpc3Qtd3JhcHBlciAuc2VsZWN0LWxpc3Q6ZW1wdHkge1xuICAgICAgICBwYWRkaW5nOiAwOyB9XG4gICAgICBAbWVkaWEgKG1pbi13aWR0aDogMzIwcHgpIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgICAgICAuamItc2VsZWN0LXdlYi1jb21wb25lbnQgLnNlbGVjdC1saXN0LXdyYXBwZXIgLnNlbGVjdC1saXN0IHtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMjQwcHgpOyB9IH1cbiAgICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWxpc3Qtd3JhcHBlciAuc2VsZWN0LWxpc3QgLnNlbGVjdC1vcHRpb24ge1xuICAgICAgICBtaW4taGVpZ2h0OiAzNnB4O1xuICAgICAgICBwYWRkaW5nOiA0cHggMTZweDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgZm9udC1zaXplOiAwLjllbTtcbiAgICAgICAgY29sb3I6IHZhcigtLWpiLXNlbGVjdC1vcHRpb24tY29sb3IsIGluaGVyaXQpO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1qYi1zZWxlY3Qtb3B0aW9uLWJhY2tncm91bmQtY29sb3IsICNmZmYpOyB9XG4gICAgICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWxpc3Qtd3JhcHBlciAuc2VsZWN0LWxpc3QgLnNlbGVjdC1vcHRpb246aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWpiLXNlbGVjdC1vcHRpb24tYmFja2dyb3VuZC1jb2xvci1ob3ZlciwgIzEwNzNkYik7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWpiLXNlbGVjdC1vcHRpb24tY29sb3ItaG92ZXIsICNmZmYpO1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsgfVxuICAgIC5qYi1zZWxlY3Qtd2ViLWNvbXBvbmVudCAuc2VsZWN0LWxpc3Qtd3JhcHBlciAuZW1wdHktbGlzdC1wbGFjZWhvbGRlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgY29sb3I6ICM4MzgzODM7XG4gICAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gICAgICBwYWRkaW5nOiA4cHggMDsgfVxuICAgICAgLmpiLXNlbGVjdC13ZWItY29tcG9uZW50IC5zZWxlY3QtbGlzdC13cmFwcGVyIC5lbXB0eS1saXN0LXBsYWNlaG9sZGVyLi0tc2hvdyB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrOyB9XG4iXX0= */";
+var css_248z = ".jb-select-web-component {\n  width: var(--jb-select-width, 100%);\n  margin: var(--jb-select-margin, 12px 0);\n  position: relative;\n  box-sizing: border-box; }\n  @media (min-width: 320px) and (max-width: 767px) {\n    .jb-select-web-component.--focused {\n      position: absolute;\n      top: 0;\n      left: 0;\n      background-color: #0008;\n      width: 100vw;\n      height: 100vh;\n      margin: 0;\n      padding: 16px 8px;\n      z-index: 900; } }\n  @media (min-width: 320px) and (max-width: 767px) {\n    .jb-select-web-component.--focused .select-list-wrapper {\n      position: initial;\n      margin: 16px 0;\n      border-radius: var(--jb-select-border-radius, 16px); } }\n  @media (min-width: 320px) and (max-width: 767px) {\n    .jb-select-web-component.--focused label {\n      color: #fff;\n      font-size: 1.5em; } }\n  .jb-select-web-component.--has-value .select-box {\n    border-color: var(--jb-select-border-color-selected, #c3ff14);\n    background-color: var(--jb-select-bgcolor-selected, #f7f6f6); }\n  .jb-select-web-component label {\n    width: 100%;\n    margin: 4px 0px;\n    display: block;\n    font-size: var(--jb-input-label-font-size, 0.8em);\n    font-weight: var(--jb-input-label-font-weight, normal);\n    color: var(--jb-select-label-color, #1f1735); }\n    .jb-select-web-component label.--hide {\n      display: none; }\n  .jb-select-web-component .select-box {\n    width: 100%;\n    box-sizing: border-box;\n    height: var(--jb-select-height, 40px);\n    border: solid var(--jb-select-border-width, 1px) var(--jb-select-border-color, #f7f6f6);\n    background-color: var(--jb-select-bgcolor, #f7f6f6);\n    border-bottom: solid var(--jb-select-border-bottom-width, 3px) var(--jb-select-border-color, #f7f6f6);\n    border-radius: var(--jb-select-border-radius, 16px);\n    margin: 4px 0px;\n    overflow: hidden;\n    display: flex;\n    justify-content: space-between;\n    padding-inline-end: 16px;\n    gap: 8px;\n    position: relative; }\n    .jb-select-web-component .select-box:focus-within {\n      border-color: var(--jb-select-border-color, #1e2832);\n      border-bottom-color: var(--jb-select-border-color, #f7f6f6);\n      border-radius: var(--jb-select-border-radius, 16px) var(--jb-select-border-radius, 16px) 0 0; }\n      @media (min-width: 320px) and (max-width: 767px) {\n        .jb-select-web-component .select-box:focus-within {\n          border-radius: var(--jb-select-border-radius, 16px);\n          border-bottom-color: var(--jb-select-border-color, #1e2832); } }\n    .jb-select-web-component .select-box .selected-value-wrapper {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      border-radius: inherit;\n      overflow: hidden;\n      z-index: 1; }\n      .jb-select-web-component .select-box .selected-value-wrapper.--search-typed {\n        opacity: 0; }\n      .jb-select-web-component .select-box .selected-value-wrapper .selected-value {\n        width: 100%;\n        box-sizing: border-box;\n        height: 100%;\n        background-color: transparent;\n        padding: 2px 12px 0 12px;\n        display: block;\n        font-family: inherit;\n        font-size: 1.1em;\n        color: var(--jb-select-selected-value-color, #1f1735);\n        margin: 0;\n        border-radius: 0;\n        display: flex;\n        align-items: center; }\n    .jb-select-web-component .select-box:focus-within .selected-value {\n      opacity: 0.7;\n      transition: all 0.3s ease; }\n    .jb-select-web-component .select-box .front-box {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      border-radius: inherit;\n      overflow: hidden;\n      z-index: 2; }\n      .jb-select-web-component .select-box .front-box input {\n        border: none;\n        width: 100%;\n        box-sizing: border-box;\n        height: 100%;\n        background-color: transparent;\n        padding: 2px 12px 0 12px;\n        display: block;\n        font-family: inherit;\n        font-size: 1.1em;\n        color: var(--jb-select-input-color, #1f1735);\n        margin: 0;\n        border-radius: 0; }\n        .jb-select-web-component .select-box .front-box input:focus {\n          outline: none; }\n        .jb-select-web-component .select-box .front-box input::placeholder {\n          color: var(--jb-select-placeholder-color, initial);\n          font-size: var(--jb-select-placeholder-font-size, 1.1em); }\n      .jb-select-web-component .select-box .front-box .arrow-icon {\n        width: 8px;\n        height: 100%;\n        background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 494.1 371.1' style='enable-background:new 0 0 494.1 371.1;' xml:space='preserve'><path d='M293,343.8L480.9,69.3c8.7-12.7,13.3-25.4,13.3-36.1c0-20.5-16.5-33.2-44-33.2H44C16.4,0,0,12.7,0,33.2  c0,10.6,4.6,23.2,13.3,35.9l187.9,274.6c12.1,17.7,28.4,27.4,45.9,27.4C264.6,371.1,280.9,361.4,293,343.8z'/></svg>\");\n        background-position: end;\n        background-repeat: no-repeat;\n        background-position-x: 0;\n        background-position-y: center; }\n  .jb-select-web-component .message-box {\n    font-size: var(--jb-select-message-font-size, 0.7em);\n    font-weight: var(--jb-select-message-font-weight, normal);\n    padding: 2px 8px;\n    color: var(--jb-select-message-color, #929292); }\n    .jb-select-web-component .message-box:empty {\n      padding: 0; }\n    .jb-select-web-component .message-box.--error {\n      color: red; }\n  .jb-select-web-component .select-list-wrapper {\n    display: none;\n    position: absolute;\n    margin: -6px 0;\n    height: auto;\n    overflow: hidden;\n    width: 100%;\n    background-color: var(--jb-select-bgcolor, #f7f6f6);\n    border-radius: 0 0 var(--jb-select-border-radius, 16px) var(--jb-select-border-radius, 16px);\n    border: solid 1px var(--jb-select-border-color, #1e2832);\n    border-top: none;\n    border-bottom: solid 3px var(--jb-select-border-color, #1e2832);\n    box-shadow: var(--jb-select-list-box-shadow);\n    box-sizing: border-box;\n    z-index: 999; }\n    .jb-select-web-component .select-list-wrapper.--show {\n      display: block; }\n    .jb-select-web-component .select-list-wrapper .select-list {\n      width: 100%;\n      max-height: var(--jb-select-list-max-height, 400px);\n      overflow-y: auto;\n      padding: 16px 0; }\n      .jb-select-web-component .select-list-wrapper .select-list:empty {\n        padding: 0; }\n      @media (min-width: 320px) and (max-width: 767px) {\n        .jb-select-web-component .select-list-wrapper .select-list {\n          max-height: calc(100vh - 240px); } }\n      .jb-select-web-component .select-list-wrapper .select-list .select-option {\n        min-height: 36px;\n        padding: 4px 16px;\n        display: flex;\n        align-items: center;\n        font-size: 0.9em;\n        color: var(--jb-select-option-color, inherit);\n        background-color: var(--jb-select-option-background-color, #fff); }\n        .jb-select-web-component .select-list-wrapper .select-list .select-option:hover {\n          background-color: var(--jb-select-option-background-color-hover, #1073db);\n          color: var(--jb-select-option-color-hover, #fff);\n          cursor: pointer; }\n    .jb-select-web-component .select-list-wrapper .empty-list-placeholder {\n      display: none;\n      text-align: center;\n      color: #838383;\n      font-style: italic;\n      padding: 8px 0; }\n      .jb-select-web-component .select-list-wrapper .empty-list-placeholder.--show {\n        display: block; }\n";
 
 var _JBSelectWebComponent_instances, _JBSelectWebComponent_value, _JBSelectWebComponent_textValue, _JBSelectWebComponent_notFindedValue, _JBSelectWebComponent_optionList, _JBSelectWebComponent_displayOptionList, _JBSelectWebComponent_placeholder, _JBSelectWebComponent_setValueFromOutside, _JBSelectWebComponent_createSelectedValueDom;
 class JBSelectWebComponent extends HTMLElement {
@@ -345,54 +54,54 @@ class JBSelectWebComponent extends HTMLElement {
         this.initProp();
     }
     get value() {
-        if (tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_value, "f")) {
-            return this.callbacks.getOptionValue(tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_value, "f"));
+        if (__classPrivateFieldGet(this, _JBSelectWebComponent_value, "f")) {
+            return this.callbacks.getOptionValue(__classPrivateFieldGet(this, _JBSelectWebComponent_value, "f"));
         }
         else {
             return null;
         }
     }
     set value(value) {
-        tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_instances, "m", _JBSelectWebComponent_setValueFromOutside).call(this, value);
+        __classPrivateFieldGet(this, _JBSelectWebComponent_instances, "m", _JBSelectWebComponent_setValueFromOutside).call(this, value);
     }
     get textValue() {
-        return tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_textValue, "f");
+        return __classPrivateFieldGet(this, _JBSelectWebComponent_textValue, "f");
     }
     set textValue(value) {
-        tslib.__classPrivateFieldSet(this, _JBSelectWebComponent_textValue, value, "f");
+        __classPrivateFieldSet(this, _JBSelectWebComponent_textValue, value, "f");
         this.elements.input.value = value;
         this.updateOptionList(value);
     }
     get selectedOptionTitle() {
         if (this.value) {
-            return this.callbacks.getOptionTitle(tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_value, "f"));
+            return this.callbacks.getOptionTitle(__classPrivateFieldGet(this, _JBSelectWebComponent_value, "f"));
         }
         else {
             return "";
         }
     }
     get optionList() {
-        return tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_optionList, "f") || [];
+        return __classPrivateFieldGet(this, _JBSelectWebComponent_optionList, "f") || [];
     }
     set optionList(value) {
         if (!Array.isArray(value)) {
             console.error('your provided option list to jb-select is not a array. you must provide array value', { value });
             return;
         }
-        tslib.__classPrivateFieldSet(this, _JBSelectWebComponent_optionList, value, "f");
+        __classPrivateFieldSet(this, _JBSelectWebComponent_optionList, value, "f");
         //every time optionList get updated we set our value base on current option list we use _notFindedValue in case of value provided to component before optionList
         this.displayOptionList = this.filterOptionList(this.textValue);
         this._setValueOnOptionListChanged();
     }
     get placeholder() {
-        return tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_placeholder, "f");
+        return __classPrivateFieldGet(this, _JBSelectWebComponent_placeholder, "f");
     }
     set placeholder(value) {
-        tslib.__classPrivateFieldSet(this, _JBSelectWebComponent_placeholder, value, "f");
+        __classPrivateFieldSet(this, _JBSelectWebComponent_placeholder, value, "f");
         this.elements.input.placeholder = value;
     }
     get displayOptionList() {
-        return tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_displayOptionList, "f");
+        return __classPrivateFieldGet(this, _JBSelectWebComponent_displayOptionList, "f");
     }
     set displayOptionList(value) {
         if (Array.isArray(value) && value.length == 0) {
@@ -401,7 +110,7 @@ class JBSelectWebComponent extends HTMLElement {
         else if (Array.isArray(value)) {
             this.elements.emptyListPlaceholder.classList.remove('--show');
         }
-        tslib.__classPrivateFieldSet(this, _JBSelectWebComponent_displayOptionList, value, "f");
+        __classPrivateFieldSet(this, _JBSelectWebComponent_displayOptionList, value, "f");
         this.updateOptionListDOM();
     }
     get isMobileDevice() { return /Mobi/i.test(window.navigator.userAgent); }
@@ -478,7 +187,7 @@ class JBSelectWebComponent extends HTMLElement {
                 this.elements.messageBox.innerHTML = value;
                 break;
             case 'value':
-                tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_instances, "m", _JBSelectWebComponent_setValueFromOutside).call(this, value);
+                __classPrivateFieldGet(this, _JBSelectWebComponent_instances, "m", _JBSelectWebComponent_setValueFromOutside).call(this, value);
                 break;
             case 'required':
                 if (value === "" || value == "true" || value == true) {
@@ -496,15 +205,15 @@ class JBSelectWebComponent extends HTMLElement {
     _setValueOnOptionListChanged() {
         //when option list changed we see if current value is valid for new optionlist we set it if not we reset value to null.
         //in some scenario value is setted before otionList attached so we store it on this._notFindedValue and after option list setted we set value from this._notFindedValue
-        if (this.value || tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_notFindedValue, "f")) {
+        if (this.value || __classPrivateFieldGet(this, _JBSelectWebComponent_notFindedValue, "f")) {
             //if select has no prev value or pending not finded value we dont set it becuase user may input some search terms in input box and developer-user update list base on that value
             //if we set it to null the search term and this.textvalue will become null and empty too and it make impossible for user to search in dynamic back-end provided searchable list so we put this condition to prevent it
-            tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_instances, "m", _JBSelectWebComponent_setValueFromOutside).call(this, this.value || tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_notFindedValue, "f"));
+            __classPrivateFieldGet(this, _JBSelectWebComponent_instances, "m", _JBSelectWebComponent_setValueFromOutside).call(this, this.value || __classPrivateFieldGet(this, _JBSelectWebComponent_notFindedValue, "f"));
         }
     }
     _setValue(value) {
-        tslib.__classPrivateFieldSet(this, _JBSelectWebComponent_notFindedValue, null, "f");
-        tslib.__classPrivateFieldSet(this, _JBSelectWebComponent_value, value, "f");
+        __classPrivateFieldSet(this, _JBSelectWebComponent_notFindedValue, null, "f");
+        __classPrivateFieldSet(this, _JBSelectWebComponent_value, value, "f");
         if ((value == null || value == undefined)) {
             this.textValue = '';
             this.setSelectedOptionDom(null);
@@ -579,14 +288,14 @@ class JBSelectWebComponent extends HTMLElement {
     onInputChange(e) {
         const inputText = e.target.value;
         //here is the rare  time we update _text_value directly becuase we want trigger event that may read value directly from dom
-        tslib.__classPrivateFieldSet(this, _JBSelectWebComponent_textValue, inputText, "f");
+        __classPrivateFieldSet(this, _JBSelectWebComponent_textValue, inputText, "f");
     }
     onInputFocus() {
         this.focus();
     }
     onInputBlur(e) {
         const focusedElement = e.relatedTarget;
-        if (focusedElement === this.elements.optionListWrapper) ;
+        if (this.elements.optionListWrapper.contains((focusedElement))) ;
         else {
             this.blur();
         }
@@ -714,7 +423,7 @@ class JBSelectWebComponent extends HTMLElement {
             return this.callbacks.getSelectedValueDOM(value);
         }
         else {
-            return tslib.__classPrivateFieldGet(this, _JBSelectWebComponent_instances, "m", _JBSelectWebComponent_createSelectedValueDom).call(this, value);
+            return __classPrivateFieldGet(this, _JBSelectWebComponent_instances, "m", _JBSelectWebComponent_createSelectedValueDom).call(this, value);
         }
     }
 }
@@ -729,7 +438,7 @@ _JBSelectWebComponent_value = new WeakMap(), _JBSelectWebComponent_textValue = n
         this._setValue(matchedOption);
     }
     else {
-        tslib.__classPrivateFieldSet(this, _JBSelectWebComponent_notFindedValue, value, "f");
+        __classPrivateFieldSet(this, _JBSelectWebComponent_notFindedValue, value, "f");
     }
 }, _JBSelectWebComponent_createSelectedValueDom = function _JBSelectWebComponent_createSelectedValueDom(value) {
     const valueText = this.callbacks.getOptionTitle(value);