UNPKG

@inq/keypad-input

Version:

Keypad input for Touchscreen devices like a Kiosk

530 lines 27.9 kB
��{ "schema_version": "1.0.0", "elements": [ { "description": "`keypad-input`\nKeypad input for Touchscreen devices like a Kiosk\n### Styling\n\n`<paper-button>` provides the following custom properties and mixins\nfor styling:\n\nCustom property | Description | Default\n----------------|-------------|----------\n`--keypad-input-color` | Input font color and 80% opacity for placeholder | `#004`\n`--keypad-input-padding` | Input Padding | `8px`\n`--keypad-button-height` | Button Padding | `2.5em`\n`--keypad-button-background` | Button Background | ` #f0ecec`\n`--keypad-button-disabled-background` | Disabled Button Background | ` #ccc`\n`--keypad-button-border` | Button Border | `0`\n`--keypad-button-margin` | Button Margin | `5px`\n`--keypad-button-padding` | Button Padding | `8px`\n`--keypad-button-border-radius` | Button Border radius | `3px`\n`--primary-color` | Primary font color for Button | ``\n`--disabled-color` | Disabled font color for Button | `#565361`", "summary": "", "path": "keypad-input.js", "properties": [ { "name": "value", "type": "string | null | undefined", "description": "The output for the value entered", "privacy": "public", "sourceRange": { "start": { "line": 139, "column": 6 }, "end": { "line": 143, "column": 7 } }, "metadata": { "polymer": { "notify": true, "readOnly": true, "attributeType": "String" } } }, { "name": "__value", "type": "string | null | undefined", "description": "", "privacy": "private", "sourceRange": { "start": { "line": 144, "column": 6 }, "end": { "line": 148, "column": 7 } }, "metadata": { "polymer": { "notify": true, "attributeType": "String" } }, "defaultValue": "\"\"" }, { "name": "inputHidden", "type": "boolean | null | undefined", "description": "Making this true hides the inbuit input", "privacy": "public", "sourceRange": { "start": { "line": 150, "column": 6 }, "end": { "line": 153, "column": 7 } }, "metadata": { "polymer": { "attributeType": "Boolean" } }, "defaultValue": "false" }, { "name": "secret", "type": "boolean | null | undefined", "description": "This hides the input and replaces the characters with *", "privacy": "public", "sourceRange": { "start": { "line": 155, "column": 6 }, "end": { "line": 158, "column": 7 } }, "metadata": { "polymer": { "attributeType": "Boolean" } }, "defaultValue": "false" }, { "name": "charLimit", "type": "number | null | undefined", "description": "Limit for entering the characters", "privacy": "public", "sourceRange": { "start": { "line": 160, "column": 6 }, "end": { "line": 163, "column": 7 } }, "metadata": { "polymer": { "attributeType": "Number" } }, "defaultValue": "8" }, { "name": "placeholder", "type": "string | null | undefined", "description": "Placeholder for the inbuilt input", "privacy": "public", "sourceRange": { "start": { "line": 165, "column": 6 }, "end": { "line": 168, "column": 7 } }, "metadata": { "polymer": { "attributeType": "String" } }, "defaultValue": "\"Enter PIN\"" }, { "name": "disableDecimal", "type": "boolean | null | undefined", "description": "Disables the decimal button on keypad", "privacy": "public", "sourceRange": { "start": { "line": 170, "column": 6 }, "end": { "line": 173, "column": 7 } }, "metadata": { "polymer": { "attributeType": "Boolean" } }, "defaultValue": "false" }, { "name": "__inptType", "type": "string | null | undefined", "description": "", "privacy": "private", "sourceRange": { "start": { "line": 174, "column": 6 }, "end": { "line": 177, "column": 7 } }, "metadata": { "polymer": { "readOnly": true, "attributeType": "String" } } } ], "methods": [ { "name": "__handleKeyPadClick", "description": "", "privacy": "private", "sourceRange": { "start": { "line": 180, "column": 2 }, "end": { "line": 197, "column": 3 } }, "metadata": {}, "params": [ { "name": "e" } ], "return": { "type": "void" } }, { "name": "__validateNativeInput", "description": "", "privacy": "private", "sourceRange": { "start": { "line": 199, "column": 2 }, "end": { "line": 229, "column": 3 } }, "metadata": {}, "params": [ { "name": "e" } ], "return": { "type": "void" } }, { "name": "__addToValue", "description": "", "privacy": "private", "sourceRange": { "start": { "line": 230, "column": 2 }, "end": { "line": 234, "column": 3 } }, "metadata": {}, "params": [ { "name": "v" } ], "return": { "type": "void" } }, { "name": "__deleteFromValue", "description": "", "privacy": "private", "sourceRange": { "start": { "line": 235, "column": 2 }, "end": { "line": 238, "column": 3 } }, "metadata": {}, "params": [ { "name": "n" } ], "return": { "type": "void" } }, { "name": "__exportValue", "description": "", "privacy": "private", "sourceRange": { "start": { "line": 239, "column": 2 }, "end": { "line": 239, "column": 29 } }, "metadata": {}, "params": [ { "name": "v" } ] }, { "name": "__computeInpType", "description": "", "privacy": "private", "sourceRange": { "start": { "line": 241, "column": 2 }, "end": { "line": 243, "column": 3 } }, "metadata": {}, "params": [ { "name": "f" } ] }, { "name": "connectedCallback", "description": "", "privacy": "public", "sourceRange": { "start": { "line": 245, "column": 2 }, "end": { "line": 248, "column": 3 } }, "metadata": {}, "params": [], "return": { "type": "void" } }, { "name": "disconnectedCallback", "description": "", "privacy": "public", "sourceRange": { "start": { "line": 249, "column": 2 }, "end": { "line": 253, "column": 3 } }, "metadata": {}, "params": [], "return": { "type": "void" } }, { "name": "__focusRoot", "description": "", "privacy": "private", "sourceRange": { "start": { "line": 254, "column": 2 }, "end": { "line": 256, "column": 3 } }, "metadata": {}, "params": [], "return": { "type": "void" } } ], "staticMethods": [], "demos": [ { "url": "demo/index.html", "description": "" } ], "metadata": {}, "sourceRange": { "start": { "line": 28, "column": 0 }, "end": { "line": 257, "column": 1 } }, "privacy": "public", "superclass": "PolymerElement", "name": "KeypadInput", "attributes": [ { "name": "value", "description": "The output for the value entered", "sourceRange": { "start": { "line": 139, "column": 6 }, "end": { "line": 143, "column": 7 } }, "metadata": {}, "type": "string | null | undefined" }, { "name": "input-hidden", "description": "Making this true hides the inbuit input", "sourceRange": { "start": { "line": 150, "column": 6 }, "end": { "line": 153, "column": 7 } }, "metadata": {}, "type": "boolean | null | undefined" }, { "name": "secret", "description": "This hides the input and replaces the characters with *", "sourceRange": { "start": { "line": 155, "column": 6 }, "end": { "line": 158, "column": 7 } }, "metadata": {}, "type": "boolean | null | undefined" }, { "name": "char-limit", "description": "Limit for entering the characters", "sourceRange": { "start": { "line": 160, "column": 6 }, "end": { "line": 163, "column": 7 } }, "metadata": {}, "type": "number | null | undefined" }, { "name": "placeholder", "description": "Placeholder for the inbuilt input", "sourceRange": { "start": { "line": 165, "column": 6 }, "end": { "line": 168, "column": 7 } }, "metadata": {}, "type": "string | null | undefined" }, { "name": "disable-decimal", "description": "Disables the decimal button on keypad", "sourceRange": { "start": { "line": 170, "column": 6 }, "end": { "line": 173, "column": 7 } }, "metadata": {}, "type": "boolean | null | undefined" } ], "events": [ { "type": "CustomEvent", "name": "keypad-submit", "description": "Fired when \"Enter\" key is pressed", "metadata": {} }, { "type": "CustomEvent", "name": "value-changed", "description": "Fired when the `value` property changes.", "metadata": {} } ], "styling": { "cssVariables": [], "selectors": [] }, "slots": [], "tagname": "keypad-input" } ] }