Fix dependencies
This commit is contained in:
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
node_modules/
|
||||||
|
package-lock.json
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"name": "tp-input",
|
"name": "@tp/tp-input",
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "tp-input.js",
|
"main": "tp-input.js",
|
||||||
@@ -11,5 +11,8 @@
|
|||||||
"url": "https://gitea.codeblob.work/tp-elements/tp-input.git"
|
"url": "https://gitea.codeblob.work/tp-elements/tp-input.git"
|
||||||
},
|
},
|
||||||
"author": "trading_peter",
|
"author": "trading_peter",
|
||||||
"license": "Apache-2.0"
|
"license": "Apache-2.0",
|
||||||
|
"dependencies": {
|
||||||
|
"@tp/helpers": "^1.0.0"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
16
tp-input.js
16
tp-input.js
@@ -5,10 +5,10 @@ This program is available under Apache License Version 2.0
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import { LitElement, html, css } from 'lit';
|
import { LitElement, html, css } from 'lit';
|
||||||
import { FormElement } from '../helpers/form-element.js';
|
import { FormElement } from '@tp/helpers/form-element.js';
|
||||||
import { EventHelpers } from '../helpers/event-helpers.js';
|
import { EventHelpers } from '@tp/helpers/event-helpers.js';
|
||||||
import { ControlState } from '../helpers/control-state.js';
|
import { ControlState } from '@tp/helpers/control-state.js';
|
||||||
import { Inert } from '../helpers/inert.js';
|
import { Inert } from '@tp/helpers/inert.js';
|
||||||
|
|
||||||
const mixins = [
|
const mixins = [
|
||||||
FormElement,
|
FormElement,
|
||||||
@@ -31,7 +31,7 @@ class TpInput extends BaseElement {
|
|||||||
outline: none;
|
outline: none;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrap ::slotted(input) {
|
.wrap ::slotted(input) {
|
||||||
outline: none;
|
outline: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@@ -45,7 +45,7 @@ class TpInput extends BaseElement {
|
|||||||
text-align: inherit;
|
text-align: inherit;
|
||||||
color: inherit; /** FF seems to need this **/
|
color: inherit; /** FF seems to need this **/
|
||||||
}
|
}
|
||||||
|
|
||||||
.error-message {
|
.error-message {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
@@ -64,7 +64,7 @@ class TpInput extends BaseElement {
|
|||||||
:host([invalid]) .error-message {
|
:host([invalid]) .error-message {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrap {
|
.wrap {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@@ -462,4 +462,4 @@ class TpInput extends BaseElement {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
window.customElements.define('tp-input', TpInput);
|
window.customElements.define('tp-input', TpInput);
|
||||||
|
|||||||
Reference in New Issue
Block a user