jb-input - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

dist/JBInput.js

 var HTML = "<div class=\"jb-input-web-component\">\r\n    <label class=\"--hide\"><span class=\"label-value\"></span><span>:</span></label>\r\n    <div class=\"input-box\">\r\n        <input class=\"input-box\">\r\n        <div class=\"password-trigger\">\r\n            <svg viewBox=\"0 0 120 120\">\r\n                <path class=\"eye-line\" stroke-linecap=\"round\"></path>\r\n                <circle cx=\"60\" cy=\"60\" r=\"20\"></circle>\r\n            </svg>\r\n        </div>\r\n    </div>\r\n    <div class=\"message-box\"></div>\r\n</div>";
 
-var css_248z = ".jb-input-web-component {\n  width: 100%;\n  margin: var(--jb-input-margin, 12px 0); }\n  .jb-input-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    color: #1f1735; }\n    .jb-input-web-component label.--hide {\n      display: none; }\n  .jb-input-web-component .input-box {\n    width: 100%;\n    box-sizing: border-box;\n    height: var(--jb-input-height, 40px);\n    border: solid 1px var(--jb-input-border-color, #f7f6f6);\n    background-color: var(--jb-input-bgcolor, #f7f6f6);\n    border-bottom: solid var(--jb-input-border-botton-width, 3px) var(--jb-input-border-color, #f7f6f6);\n    border-radius: var(--jb-input-border-radius, 16px);\n    margin: 4px 0px;\n    display: block;\n    transition: ease 0.3s all;\n    overflow: hidden;\n    display: flex;\n    justify-content: space-between; }\n    .jb-input-web-component .input-box:focus-within {\n      border-color: var(--jb-input-border-color-focus, #1e2832); }\n    .jb-input-web-component .input-box.type-password input {\n      width: calc(100% - 36px); }\n    .jb-input-web-component .input-box.type-password .password-trigger {\n      display: block;\n      height: 28px;\n      width: 28px;\n      margin: 4px 0 4px 0px;\n      margin-inline-end: 8px;\n      cursor: pointer; }\n      .jb-input-web-component .input-box.type-password .password-trigger svg {\n        width: 100%;\n        height: 100%;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        transition: 0.2s; }\n        .jb-input-web-component .input-box.type-password .password-trigger svg.password-visible .eye-line {\n          stroke: #00b600;\n          d: path(\"M 10 60 C 30 20 100 20 110 60\"); }\n        .jb-input-web-component .input-box.type-password .password-trigger svg.password-visible circle {\n          opacity: 1;\n          transition: 0.2s 0.2s;\n          transform: translateX(8px); }\n          :host([direction=\"ltr\"]) .jb-input-web-component .input-box.type-password .password-trigger svg.password-visible circle {\n            transform: translateX(-8px); }\n        .jb-input-web-component .input-box.type-password .password-trigger svg .eye-line {\n          stroke-width: 14px;\n          stroke: #bbb;\n          fill: none;\n          stroke-linecap: round;\n          stroke-linejoin: round;\n          transition: 0.3s;\n          d: path(\"M 0 60 C 40 100 80 100 120 60\"); }\n        .jb-input-web-component .input-box.type-password .password-trigger svg circle {\n          fill: #00b600;\n          opacity: 0;\n          transition: 0.3s 0s; }\n    .jb-input-web-component .input-box .password-trigger {\n      display: none; }\n    .jb-input-web-component .input-box input {\n      border: none;\n      width: 100%;\n      box-sizing: border-box;\n      height: 100%;\n      background-color: transparent;\n      padding: var(--jb-input-input-padding, 2px 12px 0 12px);\n      display: block;\n      font-family: inherit;\n      font-size: var(--jb-input-value-font-size, 1.1em);\n      color: var(--jb-input-value-color, #1f1735);\n      margin: 0;\n      border-radius: 0;\n      text-align: var(--jb-input-input-text-align, inherit); }\n      :host([direction=\"ltr\"]) .jb-input-web-component .input-box input {\n        text-align: var(--jb-input-input-text-align, inherit); }\n      .jb-input-web-component .input-box input:focus {\n        outline: none; }\n      .jb-input-web-component .input-box input::placeholder {\n        color: var(--jb-input-placeholder-color, initial);\n        font-size: var(--jb-input-placeholder-font-size, 1.1em); }\n  .jb-input-web-component .message-box {\n    font-size: var(--jb-input-message-font-size, 0.7em);\n    padding: 2px 8px;\n    color: #929292;\n    display: var(--jb-input-message-box-display, block); }\n    .jb-input-web-component .message-box:empty {\n      padding: 0; }\n    .jb-input-web-component .message-box.error {\n      color: var(--jb-input-message-error-color, red); }\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkpCSW5wdXQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFdBQVc7RUFDWCxzQ0FBc0MsRUFBRTtFQUN4QztJQUNFLFdBQVc7SUFDWCxlQUFlO0lBQ2YsY0FBYztJQUNkLGlEQUFpRDtJQUNqRCxjQUFjLEVBQUU7SUFDaEI7TUFDRSxhQUFhLEVBQUU7RUFDbkI7SUFDRSxXQUFXO0lBQ1gsc0JBQXNCO0lBQ3RCLG9DQUFvQztJQUNwQyx1REFBdUQ7SUFDdkQsa0RBQWtEO0lBQ2xELG1HQUFtRztJQUNuRyxrREFBa0Q7SUFDbEQsZUFBZTtJQUNmLGNBQWM7SUFDZCx5QkFBeUI7SUFDekIsZ0JBQWdCO0lBQ2hCLGFBQWE7SUFDYiw4QkFBOEIsRUFBRTtJQUNoQztNQUNFLHlEQUF5RCxFQUFFO0lBQzdEO01BQ0Usd0JBQXdCLEVBQUU7SUFDNUI7TUFDRSxjQUFjO01BQ2QsWUFBWTtNQUNaLFdBQVc7TUFDWCxxQkFBcUI7TUFDckIsc0JBQXNCO01BQ3RCLGVBQWUsRUFBRTtNQUNqQjtRQUNFLFdBQVc7UUFDWCxZQUFZO1FBQ1oscUJBQXFCO1FBQ3JCLHNCQUFzQjtRQUN0QixnQkFBZ0IsRUFBRTtRQUNsQjtVQUNFLGVBQWU7VUFDZix3Q0FBd0MsRUFBRTtRQUM1QztVQUNFLFVBQVU7VUFDVixxQkFBcUI7VUFDckIsMEJBQTBCLEVBQUU7VUFDNUI7WUFDRSwyQkFBMkIsRUFBRTtRQUNqQztVQUNFLGtCQUFrQjtVQUNsQixZQUFZO1VBQ1osVUFBVTtVQUNWLHFCQUFxQjtVQUNyQixzQkFBc0I7VUFDdEIsZ0JBQWdCO1VBQ2hCLHdDQUF3QyxFQUFFO1FBQzVDO1VBQ0UsYUFBYTtVQUNiLFVBQVU7VUFDVixtQkFBbUIsRUFBRTtJQUMzQjtNQUNFLGFBQWEsRUFBRTtJQUNqQjtNQUNFLFlBQVk7TUFDWixXQUFXO01BQ1gsc0JBQXNCO01BQ3RCLFlBQVk7TUFDWiw2QkFBNkI7TUFDN0IsdURBQXVEO01BQ3ZELGNBQWM7TUFDZCxvQkFBb0I7TUFDcEIsaURBQWlEO01BQ2pELDJDQUEyQztNQUMzQyxTQUFTO01BQ1QsZ0JBQWdCO01BQ2hCLHFEQUFxRCxFQUFFO01BQ3ZEO1FBQ0UscURBQXFELEVBQUU7TUFDekQ7UUFDRSxhQUFhLEVBQUU7TUFDakI7UUFDRSxpREFBaUQ7UUFDakQsdURBQXVELEVBQUU7RUFDL0Q7SUFDRSxtREFBbUQ7SUFDbkQsZ0JBQWdCO0lBQ2hCLGNBQWM7SUFDZCxtREFBbUQsRUFBRTtJQUNyRDtNQUNFLFVBQVUsRUFBRTtJQUNkO01BQ0UsK0NBQStDLEVBQUUiLCJmaWxlIjoiSkJJbnB1dC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmpiLWlucHV0LXdlYi1jb21wb25lbnQge1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiB2YXIoLS1qYi1pbnB1dC1tYXJnaW4sIDEycHggMCk7IH1cbiAgLmpiLWlucHV0LXdlYi1jb21wb25lbnQgbGFiZWwge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbjogNHB4IDBweDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBmb250LXNpemU6IHZhcigtLWpiLWlucHV0LWxhYmVsLWZvbnQtc2l6ZSwgMC44ZW0pO1xuICAgIGNvbG9yOiAjMWYxNzM1OyB9XG4gICAgLmpiLWlucHV0LXdlYi1jb21wb25lbnQgbGFiZWwuLS1oaWRlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7IH1cbiAgLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBoZWlnaHQ6IHZhcigtLWpiLWlucHV0LWhlaWdodCwgNDBweCk7XG4gICAgYm9yZGVyOiBzb2xpZCAxcHggdmFyKC0tamItaW5wdXQtYm9yZGVyLWNvbG9yLCAjZjdmNmY2KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1qYi1pbnB1dC1iZ2NvbG9yLCAjZjdmNmY2KTtcbiAgICBib3JkZXItYm90dG9tOiBzb2xpZCB2YXIoLS1qYi1pbnB1dC1ib3JkZXItYm90dG9uLXdpZHRoLCAzcHgpIHZhcigtLWpiLWlucHV0LWJvcmRlci1jb2xvciwgI2Y3ZjZmNik7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tamItaW5wdXQtYm9yZGVyLXJhZGl1cywgMTZweCk7XG4gICAgbWFyZ2luOiA0cHggMHB4O1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zaXRpb246IGVhc2UgMC4zcyBhbGw7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsgfVxuICAgIC5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3g6Zm9jdXMtd2l0aGluIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tamItaW5wdXQtYm9yZGVyLWNvbG9yLWZvY3VzLCAjMWUyODMyKTsgfVxuICAgIC5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3gudHlwZS1wYXNzd29yZCBpbnB1dCB7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMzZweCk7IH1cbiAgICAuamItaW5wdXQtd2ViLWNvbXBvbmVudCAuaW5wdXQtYm94LnR5cGUtcGFzc3dvcmQgLnBhc3N3b3JkLXRyaWdnZXIge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBoZWlnaHQ6IDI4cHg7XG4gICAgICB3aWR0aDogMjhweDtcbiAgICAgIG1hcmdpbjogNHB4IDAgNHB4IDBweDtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiA4cHg7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7IH1cbiAgICAgIC5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3gudHlwZS1wYXNzd29yZCAucGFzc3dvcmQtdHJpZ2dlciBzdmcge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7XG4gICAgICAgIHRyYW5zaXRpb246IDAuMnM7IH1cbiAgICAgICAgLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveC50eXBlLXBhc3N3b3JkIC5wYXNzd29yZC10cmlnZ2VyIHN2Zy5wYXNzd29yZC12aXNpYmxlIC5leWUtbGluZSB7XG4gICAgICAgICAgc3Ryb2tlOiAjMDBiNjAwO1xuICAgICAgICAgIGQ6IHBhdGgoXCJNIDEwIDYwIEMgMzAgMjAgMTAwIDIwIDExMCA2MFwiKTsgfVxuICAgICAgICAuamItaW5wdXQtd2ViLWNvbXBvbmVudCAuaW5wdXQtYm94LnR5cGUtcGFzc3dvcmQgLnBhc3N3b3JkLXRyaWdnZXIgc3ZnLnBhc3N3b3JkLXZpc2libGUgY2lyY2xlIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHRyYW5zaXRpb246IDAuMnMgMC4ycztcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoOHB4KTsgfVxuICAgICAgICAgIDpob3N0KFtkaXJlY3Rpb249XCJsdHJcIl0pIC5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3gudHlwZS1wYXNzd29yZCAucGFzc3dvcmQtdHJpZ2dlciBzdmcucGFzc3dvcmQtdmlzaWJsZSBjaXJjbGUge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC04cHgpOyB9XG4gICAgICAgIC5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3gudHlwZS1wYXNzd29yZCAucGFzc3dvcmQtdHJpZ2dlciBzdmcgLmV5ZS1saW5lIHtcbiAgICAgICAgICBzdHJva2Utd2lkdGg6IDE0cHg7XG4gICAgICAgICAgc3Ryb2tlOiAjYmJiO1xuICAgICAgICAgIGZpbGw6IG5vbmU7XG4gICAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7XG4gICAgICAgICAgdHJhbnNpdGlvbjogMC4zcztcbiAgICAgICAgICBkOiBwYXRoKFwiTSAwIDYwIEMgNDAgMTAwIDgwIDEwMCAxMjAgNjBcIik7IH1cbiAgICAgICAgLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveC50eXBlLXBhc3N3b3JkIC5wYXNzd29yZC10cmlnZ2VyIHN2ZyBjaXJjbGUge1xuICAgICAgICAgIGZpbGw6ICMwMGI2MDA7XG4gICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICB0cmFuc2l0aW9uOiAwLjNzIDBzOyB9XG4gICAgLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveCAucGFzc3dvcmQtdHJpZ2dlciB7XG4gICAgICBkaXNwbGF5OiBub25lOyB9XG4gICAgLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveCBpbnB1dCB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIHBhZGRpbmc6IHZhcigtLWpiLWlucHV0LWlucHV0LXBhZGRpbmcsIDJweCAxMnB4IDAgMTJweCk7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgZm9udC1zaXplOiB2YXIoLS1qYi1pbnB1dC12YWx1ZS1mb250LXNpemUsIDEuMWVtKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1qYi1pbnB1dC12YWx1ZS1jb2xvciwgIzFmMTczNSk7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgdGV4dC1hbGlnbjogdmFyKC0tamItaW5wdXQtaW5wdXQtdGV4dC1hbGlnbiwgaW5oZXJpdCk7IH1cbiAgICAgIDpob3N0KFtkaXJlY3Rpb249XCJsdHJcIl0pIC5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3ggaW5wdXQge1xuICAgICAgICB0ZXh0LWFsaWduOiB2YXIoLS1qYi1pbnB1dC1pbnB1dC10ZXh0LWFsaWduLCBpbmhlcml0KTsgfVxuICAgICAgLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveCBpbnB1dDpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7IH1cbiAgICAgIC5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3ggaW5wdXQ6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWpiLWlucHV0LXBsYWNlaG9sZGVyLWNvbG9yLCBpbml0aWFsKTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoLS1qYi1pbnB1dC1wbGFjZWhvbGRlci1mb250LXNpemUsIDEuMWVtKTsgfVxuICAuamItaW5wdXQtd2ViLWNvbXBvbmVudCAubWVzc2FnZS1ib3gge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tamItaW5wdXQtbWVzc2FnZS1mb250LXNpemUsIDAuN2VtKTtcbiAgICBwYWRkaW5nOiAycHggOHB4O1xuICAgIGNvbG9yOiAjOTI5MjkyO1xuICAgIGRpc3BsYXk6IHZhcigtLWpiLWlucHV0LW1lc3NhZ2UtYm94LWRpc3BsYXksIGJsb2NrKTsgfVxuICAgIC5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5tZXNzYWdlLWJveDplbXB0eSB7XG4gICAgICBwYWRkaW5nOiAwOyB9XG4gICAgLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLm1lc3NhZ2UtYm94LmVycm9yIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1qYi1pbnB1dC1tZXNzYWdlLWVycm9yLWNvbG9yLCByZWQpOyB9XG4iXX0= */";
+var css_248z = ".jb-input-web-component {\n  width: 100%;\n  margin: var(--jb-input-margin, 12px 0);\n}\n.jb-input-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  color: var(--jb-input-label-color, #1f1735);\n}\n.jb-input-web-component label.--hide {\n  display: none;\n}\n.jb-input-web-component .input-box {\n  width: 100%;\n  box-sizing: border-box;\n  height: var(--jb-input-height, 40px);\n  border: solid 1px var(--jb-input-border-color, #f7f6f6);\n  background-color: var(--jb-input-bgcolor, #f7f6f6);\n  border-bottom: solid var(--jb-input-border-bottom-width, 3px) var(--jb-input-border-color, #f7f6f6);\n  border-radius: var(--jb-input-border-radius, 16px);\n  margin: 4px 0px;\n  display: block;\n  transition: ease 0.3s all;\n  overflow: hidden;\n  display: flex;\n  justify-content: space-between;\n}\n.jb-input-web-component .input-box:focus-within {\n  border-color: var(--jb-input-border-color-focus, #1e2832);\n}\n.jb-input-web-component .input-box.type-password input {\n  width: calc(100% - 36px);\n}\n.jb-input-web-component .input-box.type-password .password-trigger {\n  display: block;\n  height: 28px;\n  width: 28px;\n  margin: 4px 0 4px 0px;\n  margin-inline-end: 8px;\n  cursor: pointer;\n}\n.jb-input-web-component .input-box.type-password .password-trigger svg {\n  width: 100%;\n  height: 100%;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.2s;\n}\n.jb-input-web-component .input-box.type-password .password-trigger svg.password-visible .eye-line {\n  stroke: #00b600;\n  d: path(\"M 10 60 C 30 20 100 20 110 60\");\n}\n.jb-input-web-component .input-box.type-password .password-trigger svg.password-visible circle {\n  opacity: 1;\n  transition: 0.2s 0.2s;\n  transform: translateX(8px);\n}\n:host([direction=ltr]) .jb-input-web-component .input-box.type-password .password-trigger svg.password-visible circle {\n  transform: translateX(-8px);\n}\n.jb-input-web-component .input-box.type-password .password-trigger svg .eye-line {\n  stroke-width: 14px;\n  stroke: #bbb;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: 0.3s;\n  d: path(\"M 0 60 C 40 100 80 100 120 60\");\n}\n.jb-input-web-component .input-box.type-password .password-trigger svg circle {\n  fill: #00b600;\n  opacity: 0;\n  transition: 0.3s 0s;\n}\n.jb-input-web-component .input-box .password-trigger {\n  display: none;\n}\n.jb-input-web-component .input-box input {\n  border: none;\n  width: 100%;\n  box-sizing: border-box;\n  height: 100%;\n  background-color: transparent;\n  padding: var(--jb-input-input-padding, 2px 12px 0 12px);\n  display: block;\n  font-family: inherit;\n  font-size: var(--jb-input-value-font-size, 1.1em);\n  color: var(--jb-input-value-color, #1f1735);\n  margin: 0;\n  border-radius: 0;\n  text-align: var(--jb-input-input-text-align, initial);\n}\n.jb-input-web-component .input-box input:focus {\n  outline: none;\n}\n.jb-input-web-component .input-box input::placeholder {\n  color: var(--jb-input-placeholder-color, initial);\n  font-size: var(--jb-input-placeholder-font-size, 1.1em);\n}\n.jb-input-web-component .message-box {\n  font-size: var(--jb-input-message-font-size, 0.7em);\n  padding: 2px 8px;\n  color: #929292;\n  display: var(--jb-input-message-box-display, block);\n}\n.jb-input-web-component .message-box:empty {\n  padding: 0;\n}\n.jb-input-web-component .message-box.error {\n  color: var(--jb-input-message-error-color, red);\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkpCSW5wdXQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFdBQVc7RUFDWCxzQ0FBc0M7QUFDeEM7QUFDQTtFQUNFLFdBQVc7RUFDWCxlQUFlO0VBQ2YsY0FBYztFQUNkLGlEQUFpRDtFQUNqRCwyQ0FBMkM7QUFDN0M7QUFDQTtFQUNFLGFBQWE7QUFDZjtBQUNBO0VBQ0UsV0FBVztFQUNYLHNCQUFzQjtFQUN0QixvQ0FBb0M7RUFDcEMsdURBQXVEO0VBQ3ZELGtEQUFrRDtFQUNsRCxtR0FBbUc7RUFDbkcsa0RBQWtEO0VBQ2xELGVBQWU7RUFDZixjQUFjO0VBQ2QseUJBQXlCO0VBQ3pCLGdCQUFnQjtFQUNoQixhQUFhO0VBQ2IsOEJBQThCO0FBQ2hDO0FBQ0E7RUFDRSx5REFBeUQ7QUFDM0Q7QUFDQTtFQUNFLHdCQUF3QjtBQUMxQjtBQUNBO0VBQ0UsY0FBYztFQUNkLFlBQVk7RUFDWixXQUFXO0VBQ1gscUJBQXFCO0VBQ3JCLHNCQUFzQjtFQUN0QixlQUFlO0FBQ2pCO0FBQ0E7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLHFCQUFxQjtFQUNyQixzQkFBc0I7RUFDdEIsZ0JBQWdCO0FBQ2xCO0FBQ0E7RUFDRSxlQUFlO0VBQ2Ysd0NBQXdDO0FBQzFDO0FBQ0E7RUFDRSxVQUFVO0VBQ1YscUJBQXFCO0VBQ3JCLDBCQUEwQjtBQUM1QjtBQUNBO0VBQ0UsMkJBQTJCO0FBQzdCO0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsWUFBWTtFQUNaLFVBQVU7RUFDVixxQkFBcUI7RUFDckIsc0JBQXNCO0VBQ3RCLGdCQUFnQjtFQUNoQix3Q0FBd0M7QUFDMUM7QUFDQTtFQUNFLGFBQWE7RUFDYixVQUFVO0VBQ1YsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxhQUFhO0FBQ2Y7QUFDQTtFQUNFLFlBQVk7RUFDWixXQUFXO0VBQ1gsc0JBQXNCO0VBQ3RCLFlBQVk7RUFDWiw2QkFBNkI7RUFDN0IsdURBQXVEO0VBQ3ZELGNBQWM7RUFDZCxvQkFBb0I7RUFDcEIsaURBQWlEO0VBQ2pELDJDQUEyQztFQUMzQyxTQUFTO0VBQ1QsZ0JBQWdCO0VBQ2hCLHFEQUFxRDtBQUN2RDtBQUNBO0VBQ0UsYUFBYTtBQUNmO0FBQ0E7RUFDRSxpREFBaUQ7RUFDakQsdURBQXVEO0FBQ3pEO0FBQ0E7RUFDRSxtREFBbUQ7RUFDbkQsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxtREFBbUQ7QUFDckQ7QUFDQTtFQUNFLFVBQVU7QUFDWjtBQUNBO0VBQ0UsK0NBQStDO0FBQ2pEIiwiZmlsZSI6IkpCSW5wdXQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5qYi1pbnB1dC13ZWItY29tcG9uZW50IHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogdmFyKC0tamItaW5wdXQtbWFyZ2luLCAxMnB4IDApO1xufVxuLmpiLWlucHV0LXdlYi1jb21wb25lbnQgbGFiZWwge1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiA0cHggMHB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1zaXplOiB2YXIoLS1qYi1pbnB1dC1sYWJlbC1mb250LXNpemUsIDAuOGVtKTtcbiAgY29sb3I6IHZhcigtLWpiLWlucHV0LWxhYmVsLWNvbG9yLCAjMWYxNzM1KTtcbn1cbi5qYi1pbnB1dC13ZWItY29tcG9uZW50IGxhYmVsLi0taGlkZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uamItaW5wdXQtd2ViLWNvbXBvbmVudCAuaW5wdXQtYm94IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGhlaWdodDogdmFyKC0tamItaW5wdXQtaGVpZ2h0LCA0MHB4KTtcbiAgYm9yZGVyOiBzb2xpZCAxcHggdmFyKC0tamItaW5wdXQtYm9yZGVyLWNvbG9yLCAjZjdmNmY2KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tamItaW5wdXQtYmdjb2xvciwgI2Y3ZjZmNik7XG4gIGJvcmRlci1ib3R0b206IHNvbGlkIHZhcigtLWpiLWlucHV0LWJvcmRlci1ib3R0b20td2lkdGgsIDNweCkgdmFyKC0tamItaW5wdXQtYm9yZGVyLWNvbG9yLCAjZjdmNmY2KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tamItaW5wdXQtYm9yZGVyLXJhZGl1cywgMTZweCk7XG4gIG1hcmdpbjogNHB4IDBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRyYW5zaXRpb246IGVhc2UgMC4zcyBhbGw7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cbi5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3g6Zm9jdXMtd2l0aGluIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1qYi1pbnB1dC1ib3JkZXItY29sb3ItZm9jdXMsICMxZTI4MzIpO1xufVxuLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveC50eXBlLXBhc3N3b3JkIGlucHV0IHtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDM2cHgpO1xufVxuLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveC50eXBlLXBhc3N3b3JkIC5wYXNzd29yZC10cmlnZ2VyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMjhweDtcbiAgd2lkdGg6IDI4cHg7XG4gIG1hcmdpbjogNHB4IDAgNHB4IDBweDtcbiAgbWFyZ2luLWlubGluZS1lbmQ6IDhweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveC50eXBlLXBhc3N3b3JkIC5wYXNzd29yZC10cmlnZ2VyIHN2ZyB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHN0cm9rZS1saW5lY2FwOiByb3VuZDtcbiAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDtcbiAgdHJhbnNpdGlvbjogMC4ycztcbn1cbi5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3gudHlwZS1wYXNzd29yZCAucGFzc3dvcmQtdHJpZ2dlciBzdmcucGFzc3dvcmQtdmlzaWJsZSAuZXllLWxpbmUge1xuICBzdHJva2U6ICMwMGI2MDA7XG4gIGQ6IHBhdGgoXCJNIDEwIDYwIEMgMzAgMjAgMTAwIDIwIDExMCA2MFwiKTtcbn1cbi5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3gudHlwZS1wYXNzd29yZCAucGFzc3dvcmQtdHJpZ2dlciBzdmcucGFzc3dvcmQtdmlzaWJsZSBjaXJjbGUge1xuICBvcGFjaXR5OiAxO1xuICB0cmFuc2l0aW9uOiAwLjJzIDAuMnM7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg4cHgpO1xufVxuOmhvc3QoW2RpcmVjdGlvbj1sdHJdKSAuamItaW5wdXQtd2ViLWNvbXBvbmVudCAuaW5wdXQtYm94LnR5cGUtcGFzc3dvcmQgLnBhc3N3b3JkLXRyaWdnZXIgc3ZnLnBhc3N3b3JkLXZpc2libGUgY2lyY2xlIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC04cHgpO1xufVxuLmpiLWlucHV0LXdlYi1jb21wb25lbnQgLmlucHV0LWJveC50eXBlLXBhc3N3b3JkIC5wYXNzd29yZC10cmlnZ2VyIHN2ZyAuZXllLWxpbmUge1xuICBzdHJva2Utd2lkdGg6IDE0cHg7XG4gIHN0cm9rZTogI2JiYjtcbiAgZmlsbDogbm9uZTtcbiAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICBzdHJva2UtbGluZWpvaW46IHJvdW5kO1xuICB0cmFuc2l0aW9uOiAwLjNzO1xuICBkOiBwYXRoKFwiTSAwIDYwIEMgNDAgMTAwIDgwIDEwMCAxMjAgNjBcIik7XG59XG4uamItaW5wdXQtd2ViLWNvbXBvbmVudCAuaW5wdXQtYm94LnR5cGUtcGFzc3dvcmQgLnBhc3N3b3JkLXRyaWdnZXIgc3ZnIGNpcmNsZSB7XG4gIGZpbGw6ICMwMGI2MDA7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IDAuM3MgMHM7XG59XG4uamItaW5wdXQtd2ViLWNvbXBvbmVudCAuaW5wdXQtYm94IC5wYXNzd29yZC10cmlnZ2VyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3ggaW5wdXQge1xuICBib3JkZXI6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiB2YXIoLS1qYi1pbnB1dC1pbnB1dC1wYWRkaW5nLCAycHggMTJweCAwIDEycHgpO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogdmFyKC0tamItaW5wdXQtdmFsdWUtZm9udC1zaXplLCAxLjFlbSk7XG4gIGNvbG9yOiB2YXIoLS1qYi1pbnB1dC12YWx1ZS1jb2xvciwgIzFmMTczNSk7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgdGV4dC1hbGlnbjogdmFyKC0tamItaW5wdXQtaW5wdXQtdGV4dC1hbGlnbiwgaW5pdGlhbCk7XG59XG4uamItaW5wdXQtd2ViLWNvbXBvbmVudCAuaW5wdXQtYm94IGlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5pbnB1dC1ib3ggaW5wdXQ6OnBsYWNlaG9sZGVyIHtcbiAgY29sb3I6IHZhcigtLWpiLWlucHV0LXBsYWNlaG9sZGVyLWNvbG9yLCBpbml0aWFsKTtcbiAgZm9udC1zaXplOiB2YXIoLS1qYi1pbnB1dC1wbGFjZWhvbGRlci1mb250LXNpemUsIDEuMWVtKTtcbn1cbi5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5tZXNzYWdlLWJveCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tamItaW5wdXQtbWVzc2FnZS1mb250LXNpemUsIDAuN2VtKTtcbiAgcGFkZGluZzogMnB4IDhweDtcbiAgY29sb3I6ICM5MjkyOTI7XG4gIGRpc3BsYXk6IHZhcigtLWpiLWlucHV0LW1lc3NhZ2UtYm94LWRpc3BsYXksIGJsb2NrKTtcbn1cbi5qYi1pbnB1dC13ZWItY29tcG9uZW50IC5tZXNzYWdlLWJveDplbXB0eSB7XG4gIHBhZGRpbmc6IDA7XG59XG4uamItaW5wdXQtd2ViLWNvbXBvbmVudCAubWVzc2FnZS1ib3guZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tamItaW5wdXQtbWVzc2FnZS1lcnJvci1jb2xvciwgcmVkKTtcbn0iXX0= */";
 
@@ -5,0 +5,0 @@ class JBInputWebComponent extends HTMLElement {

package.json

@@ -14,3 +14,3 @@ {
   ],
-  "version": "1.0.11",
+  "version": "1.0.12",
   "bugs": "https://github.com/javadbat/jb-input/issues",
@@ -17,0 +17,0 @@ "license": "MIT",

README.md

@@ -102,4 +102,5 @@ # jb-input
 | --jb-input-bgcolor                 | background color of input                                                                     |
-| --jb-input-border-botton-width     | border bottom thickness desualt is `3px`                                                      |
+| --jb-input-border-bottom-width     | border bottom thickness desualt is `3px`                                                      |
 | --jb-input-label-font-size         | font size of input label defualt is `0.8em`                                                   |
+| --jb-input-label-color             | change label color defualt is `#1f1735`
 | --jb-input-message-font-size       | font size of message we show under input                                                      |
@@ -106,0 +107,0 @@ | --jb-input-message-error-color     | change color of error we show under input defualt is `red`                                    |

No alert changes

Improved metrics

Number of lines in readme file

113

increased by0.89%

Worsened metrics

Total package byte prevSize

62833

decreased by-1.77%

Lines of code

557

decreased by-0.54%

No dependency changes