wj-elements 0.1.67 → 0.1.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/wje-menu-item.js +0 -13
- package/dist/wje-textarea.js +1 -1
- package/package.json +1 -1
package/dist/wje-menu-item.js
CHANGED
|
@@ -24,19 +24,6 @@ class MenuItem extends WJElement {
|
|
|
24
24
|
this.showSubmenu();
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
|
-
/* event.addListener(this, "click", null, (e) => {
|
|
28
|
-
if (!this.collapse && this.variant === "NAV" && this.hasSubmenu) {
|
|
29
|
-
this.submenuToggle(e);
|
|
30
|
-
this.hideSubmenu();
|
|
31
|
-
e.stopPropagation();
|
|
32
|
-
} else {
|
|
33
|
-
event.dispatchCustomEvent(this, "wje-menu-item:click");
|
|
34
|
-
event.dispatchCustomEvent(this, this.dialog, {
|
|
35
|
-
bubbles: true
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
*/
|
|
40
27
|
__publicField(this, "clickHandler", (e) => {
|
|
41
28
|
switch (this.variant) {
|
|
42
29
|
case "NAV":
|
package/dist/wje-textarea.js
CHANGED
|
@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
|
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
7
|
import WJElement, { event } from "./wje-element.js";
|
|
8
|
-
const styles = '/*\r\n[ WJ Textarea ]\r\n*/\r\n\r\n:host {\r\n width: 100%;\r\n margin-bottom: var(--wje-textarea-margin-bottom);\r\n display: block;\r\n .wrapper {\r\n display: flex;\r\n width: 100%;\r\n border-width: var(--wje-textarea-border-width);\r\n border-style: var(--wje-textarea-border-style);\r\n border-color: var(--wje-textarea-border-color);\r\n border-radius: var(--wje-textarea-border-radius);\r\n }\r\n textarea {\r\n font-family: var(--wje-textarea-font-family);\r\n color: var(--wje-textarea-color);\r\n font-size: 14px;\r\n border: 0 none;\r\n padding: 0 var(--wje-textarea-padding);\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n}\r\n\r\n:host([resize="auto"]) textarea,\r\n:host([resize="none"]) textarea {\r\n resize: none;\r\n}\r\n\r\n.native-textarea {\r\n .input-wrapper {\r\n width: 100%;\r\n line-height: normal;\r\n }\r\n &.default {\r\n background-color: var(--wje-textarea-background-color);\r\n font-family: var(--wje-textarea-font-family);\r\n position: relative;\r\n padding-inline: 0;\r\n padding-top: 0;\r\n transition: background-color 0.2s ease;\r\n cursor: text;\r\n &.focused {\r\n .wrapper {\r\n border-color: var(--wje-textarea-border-color-focus) !important;\r\n }\r\n label {\r\n opacity: 0.67;\r\n font-size: 12px;\r\n letter-spacing: normal;\r\n }\r\n }\r\n textarea {\r\n border: none;\r\n padding-top: 0;\r\n background: none;\r\n box-shadow: none;\r\n width: calc(100% - var(--wje-textarea-padding) * 2);\r\n max-width: calc(100% - var(--wje-textarea-padding) * 2);\r\n min-width: calc(100% - var(--wje-textarea-padding) * 2);\r\n }\r\n label {\r\n padding: 0 var(--wje-textarea-padding);\r\n display: block;\r\n opacity: 1;\r\n cursor: text;\r\n transition: opacity 0.2s ease;\r\n line-height: var(--wje-textarea-line-height);\r\n padding-top: .25rem;\r\n &.fade {\r\n opacity: 0.5;\r\n font-size: 12px;\r\n letter-spacing: normal;\r\n }\r\n }\r\n ::slotted([slot="start"]) {\r\n border-left: none;\r\n border-top: none;\r\n border-bottom: none;\r\n }\r\n\r\n ::slotted([slot="end"]) {\r\n border-right: none;\r\n border-top: none;\r\n border-bottom: none;\r\n }\r\n }\r\n &.standard {\r\n
|
|
8
|
+
const styles = '/*\r\n[ WJ Textarea ]\r\n*/\r\n\r\n:host {\r\n width: 100%;\r\n margin-bottom: var(--wje-textarea-margin-bottom);\r\n display: block;\r\n .wrapper {\r\n display: flex;\r\n width: 100%;\r\n border-width: var(--wje-textarea-border-width);\r\n border-style: var(--wje-textarea-border-style);\r\n border-color: var(--wje-textarea-border-color);\r\n border-radius: var(--wje-textarea-border-radius);\r\n }\r\n textarea {\r\n font-family: var(--wje-textarea-font-family);\r\n color: var(--wje-textarea-color);\r\n font-size: 14px;\r\n border: 0 none;\r\n padding: 0 var(--wje-textarea-padding);\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n}\r\n\r\n:host([resize="auto"]) textarea,\r\n:host([resize="none"]) textarea {\r\n resize: none;\r\n}\r\n\r\n.native-textarea {\r\n .input-wrapper {\r\n width: 100%;\r\n line-height: normal;\r\n }\r\n &.default {\r\n background-color: var(--wje-textarea-background-color);\r\n font-family: var(--wje-textarea-font-family);\r\n position: relative;\r\n padding-inline: 0;\r\n padding-top: 0;\r\n transition: background-color 0.2s ease;\r\n cursor: text;\r\n &.focused {\r\n .wrapper {\r\n border-color: var(--wje-textarea-border-color-focus) !important;\r\n }\r\n label {\r\n opacity: 0.67;\r\n font-size: 12px;\r\n letter-spacing: normal;\r\n }\r\n }\r\n textarea {\r\n border: none;\r\n padding-top: 0;\r\n background: none;\r\n box-shadow: none;\r\n width: calc(100% - var(--wje-textarea-padding) * 2);\r\n max-width: calc(100% - var(--wje-textarea-padding) * 2);\r\n min-width: calc(100% - var(--wje-textarea-padding) * 2);\r\n }\r\n label {\r\n padding: 0 var(--wje-textarea-padding);\r\n display: block;\r\n opacity: 1;\r\n cursor: text;\r\n transition: opacity 0.2s ease;\r\n line-height: var(--wje-textarea-line-height);\r\n padding-top: .25rem;\r\n &.fade {\r\n opacity: 0.5;\r\n font-size: 12px;\r\n letter-spacing: normal;\r\n }\r\n }\r\n ::slotted([slot="start"]) {\r\n border-left: none;\r\n border-top: none;\r\n border-bottom: none;\r\n }\r\n\r\n ::slotted([slot="end"]) {\r\n border-right: none;\r\n border-top: none;\r\n border-bottom: none;\r\n }\r\n }\r\n &.standard {\r\n font-family: var(--wje-textarea-font-family);\r\n position: relative;\r\n border-radius: var(--wje-textarea-border-radius);\r\n padding: 0;\r\n transition: background-color 0.2s ease;\r\n cursor: text;\r\n &.focused {\r\n .wrapper {\r\n border-color: var(--wje-textarea-border-color-focus) !important;\r\n }\r\n }\r\n textarea {\r\n background-color: var(--wje-textarea-background-color);\r\n display: block;\r\n min-height: 32px;\r\n background: none;\r\n box-shadow: none;\r\n width: 100%;\r\n box-sizing: border-box;\r\n border-radius: var(--wje-textarea-border-radius);\r\n }\r\n label {\r\n margin: 0;\r\n display: inline-block;\r\n opacity: 1;\r\n cursor: text;\r\n transition: opacity 0.2s ease;\r\n line-height: var(--wje-textarea-line-height);\r\n }\r\n ::slotted([slot="start"]) {\r\n border-right: none;\r\n border-radius: var(--wje-textarea-border-radius) 0 0 var(--wje-textarea-border-radius);\r\n }\r\n\r\n ::slotted([slot="end"]) {\r\n border-left: none;\r\n border-radius: 0 var(--wje-textarea-border-radius) var(--wje-textarea-border-radius) 0;\r\n }\r\n\r\n &.has-start textarea{\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n }\r\n\r\n &.has-end textarea{\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n .error-message {\r\n position: static;\r\n background: transparent;\r\n padding: 0.25rem 0;\r\n left: auto;\r\n transform: none;\r\n color: var(--wje-textarea-color-invalid);\r\n font-size: 12px;\r\n line-height: normal;\r\n }\r\n }\r\n}\r\n\r\n.counter {\r\n float: right;\r\n}';
|
|
9
9
|
class Textarea extends WJElement {
|
|
10
10
|
/**
|
|
11
11
|
* Creates an instance of Textarea.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wj-elements",
|
|
3
3
|
"description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.68",
|
|
5
5
|
"homepage": "https://github.com/lencys/wj-elements",
|
|
6
6
|
"author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
|
|
7
7
|
"license": "MIT",
|