wj-elements 0.1.40 → 0.1.41
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/dark.css +1 -1
- package/dist/wje-avatar.js +1 -1
- package/dist/wje-button.js +26 -26
- package/package.json +1 -1
package/dist/dark.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:host,.wje-theme-dark,.dark{color-scheme:dark;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-border-size: 0px;--wje-border-style: solid;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: var(--wje-color-contrast-11);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background:
|
|
1
|
+
:host,.wje-theme-dark,.dark{color-scheme:dark;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-border-size: 0px;--wje-border-style: solid;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: var(--wje-color-contrast-11);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background: var(--wje-color-contrast-2);--wje-border-color: var(--wje-color-contrast-4);--wje-card-background: var(--wje-color-contrast-3);--wje-card-color: var(--wje-color-white) !important;--wje-color-primary: var(--wje-color-primary-1);--wje-color-complete: var(--wje-color-complete-1);--wje-color-success: var(--wje-color-success-1);--wje-color-warning: var(--wje-color-warning-1);--wje-color-danger: var(--wje-color-danger-1);--wje-color-info: var(--wje-color-info-1);--wje-color-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(210, 11%, 15%);--wje-color-white: #fff;--wje-color-black: #000;--wje-color-primary-1: hsla(254, 50%, 21%, 1);--wje-color-primary-2: hsla(254, 52%, 24%, 1);--wje-color-primary-3: hsla(254, 52%, 35%, 1);--wje-color-primary-4: hsla(254, 54%, 39%, 1);--wje-color-primary-5: hsla(254, 54%, 47%, 1);--wje-color-primary-6: hsla(254, 54%, 53%, 1);--wje-color-primary-7: hsla(254, 54%, 57%, 1);--wje-color-primary-8: hsla(254, 68%, 66%, 1);--wje-color-primary-9: hsla(254, 88%, 74%, 1);--wje-color-primary-10: hsla(254, 70%, 78%, 1);--wje-color-primary-11: hsla(254, 69%, 85%, 1);--wje-color-complete-1: hsla(211, 91%, 16%, 1);--wje-color-complete-2: hsla(211, 91%, 23%, 1);--wje-color-complete-3: hsla(211, 91%, 31%, 1);--wje-color-complete-4: hsla(211, 93%, 35%, 1);--wje-color-complete-5: hsla(211, 93%, 39%, 1);--wje-color-complete-6: hsla(211, 93%, 44%, 1);--wje-color-complete-7: hsla(211, 93%, 49%, 1);--wje-color-complete-8: hsla(211, 93%, 55%, 1);--wje-color-complete-9: hsla(211, 100%, 67%, 1);--wje-color-complete-10: hsla(211, 93%, 71%, 1);--wje-color-complete-11: hsla(211, 93%, 79%, 1);--wje-color-success-1: hsla(158, 93%, 13%, 1);--wje-color-success-2: hsla(158, 94%, 16%, 1);--wje-color-success-3: hsla(158, 95%, 19%, 1);--wje-color-success-4: hsla(158, 96%, 22%, 1);--wje-color-success-5: hsla(158, 96%, 24%, 1);--wje-color-success-6: hsla(158, 95%, 27%, 1);--wje-color-success-7: hsla(158, 96%, 31%, 1);--wje-color-success-8: hsla(158, 96%, 35%, 1);--wje-color-success-9: hsla(158, 96%, 41%, 1);--wje-color-success-10: hsla(158, 88%, 48%, 1);--wje-color-success-11: hsla(158, 80%, 65%, 1);--wje-color-warning-1: hsla(47, 75%, 19%, 1);--wje-color-warning-2: hsla(47, 75%, 23%, 1);--wje-color-warning-3: hsla(47, 75%, 27%, 1);--wje-color-warning-4: hsla(47, 74%, 31%, 1);--wje-color-warning-5: hsla(47, 78%, 37%, 1);--wje-color-warning-6: hsla(47, 78%, 41%, 1);--wje-color-warning-7: hsla(47, 78%, 45%, 1);--wje-color-warning-8: hsla(47, 80%, 52%, 1);--wje-color-warning-9: hsla(47, 80%, 58%, 1);--wje-color-warning-10: hsla(47, 90%, 68%, 1);--wje-color-warning-11: hsla(47, 90%, 76%, 1);--wje-color-danger-1: hsla(3, 82%, 20%, 1);--wje-color-danger-2: hsla(3, 82%, 23%, 1);--wje-color-danger-3: hsla(3, 83%, 28%, 1);--wje-color-danger-4: hsla(3, 83%, 32%, 1);--wje-color-danger-5: hsla(3, 83%, 36%, 1);--wje-color-danger-6: hsla(3, 83%, 40%, 1);--wje-color-danger-7: hsla(3, 82%, 44%, 1);--wje-color-danger-8: hsla(3, 82%, 50%, 1);--wje-color-danger-9: hsla(3, 80%, 63%, 1);--wje-color-danger-10: hsla(3, 80%, 70%, 1);--wje-color-danger-11: hsla(4, 80%, 78%, 1);--wje-color-info-1: hsla(207, 36%, 16%, 1);--wje-color-info-2: hsla(207, 16%, 27%, 1);--wje-color-info-3: hsla(207, 20%, 35%, 1);--wje-color-info-4: hsla(210, 7%, 45%, 1);--wje-color-info-5: hsla(208, 6%, 55%, 1);--wje-color-info-6: hsla(203, 6%, 62%, 1);--wje-color-info-7: hsla(213, 6%, 69%, 1);--wje-color-info-8: hsla(203, 5%, 71%, 1);--wje-color-info-9: hsla(210, 7%, 78%, 1);--wje-color-info-10: hsla(204, 6%, 85%, 1);--wje-color-info-11: hsla(210, 5%, 92%, 1);--wje-color-contrast-0: hsla(240, 3%, 13%, 1);--wje-color-contrast-1: hsla(240, 6%, 10%, 1);--wje-color-contrast-2: hsla(0, 0%, 0%, 1);--wje-color-contrast-3: hsla(240, 5%, 30%, 1);--wje-color-contrast-4: hsla(240, 5%, 41%, 1);--wje-color-contrast-5: hsla(240, 4%, 58%, 1);--wje-color-contrast-6: hsla(240, 5%, 75%, 1);--wje-color-contrast-7: hsla(240, 5%, 84%, 1);--wje-color-contrast-8: hsla(240, 6%, 90%, 1);--wje-color-contrast-9: hsla(240, 5%, 96%, 1);--wje-color-contrast-10: hsla(0, 0%, 98%, 1);--wje-color-contrast-11: hsla(0, 0%, 100%, 1);--wje-avatar-background-color: var(--wje-color-contrast-3);--wje-breadcrumb-a: var(--wje-color-contrast-8);--wje-breadcrumb-a-hover: var(--wje-color-contrast-6);--wje-button-border-color: var(--wje-color-contrast-1);--wje-divider-border-color: var(--wje-border-color);--wje-list-background: var(--wje-background);--wje-menu-background: var(--wje-background);--wje-menu-border-color: var(--wje-border-color);--wje-menu-item-color: var(--wje-color);--wje-menu-item-background: transparent;--wje-menu-item-color-hover: var(--wje-color-contrast-8);--wje-menu-item-background-hover: var(--wje-border-color);--wje-menu-item-color-focus: var(--wje-color-contrast-8);--wje-menu-item-background-focus: var(--wje-border-color);--wje-menu-item-color-active: var(--wje-color-contrast-8);--wje-menu-item-background-active: var(--wje-border-color);--wje-option-highlighted: var(--wje-color-contrast-3);--wje-tab-color-active: var(--wje-color-primary-11);--wje-tab-color-hover: var(--wje-color-primary-1);--wje-textarea-background-color: var(--wje-background);--wje-textarea-color: var(--wje-color);--wje-textarea-color-invalid: var(--wje-color-danger-1);--wje-textarea-border-color: var(--wje-border-color);--wje-textarea-border-color-focus: var(--wje-color-primary-1);--wje-tooltip-arrow-color: var(--wje-color-contrast-4);--wje-tooltip-background: var(--wje-color-contrast-4);--wje-tooltip-color: var(--wje-color-contrast-11)}
|
package/dist/wje-avatar.js
CHANGED
|
@@ -2,7 +2,7 @@ var w = Object.defineProperty;
|
|
|
2
2
|
var u = (a, t, e) => t in a ? w(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
|
|
3
3
|
var h = (a, t, e) => (u(a, typeof t != "symbol" ? t + "" : t, e), e);
|
|
4
4
|
import c from "./wje-element.js";
|
|
5
|
-
function j(a, t = 40, e =
|
|
5
|
+
function j(a, t = 40, e = 0) {
|
|
6
6
|
let r = a, o = 0;
|
|
7
7
|
for (let i = 0; i < (r == null ? void 0 : r.length); i++)
|
|
8
8
|
o = r.charCodeAt(i) + ((o << 5) - o);
|
package/dist/wje-button.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var j = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import
|
|
2
|
+
var g = (e, a, o) => a in e ? j(e, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[a] = o;
|
|
3
|
+
var s = (e, a, o) => (g(e, typeof a != "symbol" ? a + "" : a, o), o);
|
|
4
|
+
import h, { WjElementUtils as p, event as i } from "./wje-element.js";
|
|
5
5
|
import v from "./wje-icon.js";
|
|
6
|
-
const b = (e) => e === "false" || e === "null" || e === "NaN" || e === "undefined" || e === "0" ? !1 : !!e, m = '.wje-button-solid.wje-color-primary{background-color:var(--wje-color-primary-9);border-color:var(--wje-color-primary-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-primary{border-color:var(--wje-color-primary-
|
|
7
|
-
class u extends
|
|
6
|
+
const b = (e) => e === "false" || e === "null" || e === "NaN" || e === "undefined" || e === "0" ? !1 : !!e, m = '.wje-button-solid.wje-color-primary{background-color:var(--wje-color-primary-9);border-color:var(--wje-color-primary-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-primary{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-9);color:var(--wje-color-primary-9)}.wje-button-solid.wje-color-complete{background-color:var(--wje-color-complete-9);border-color:var(--wje-color-complete-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-complete{background-color:var(--wje-color-complete-1);border-color:var(--wje-color-complete-9);color:var(--wje-color-complete-9)}.wje-button-solid.wje-color-success{background-color:var(--wje-color-success-9);border-color:var(--wje-color-success-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-success{background-color:var(--wje-color-success-1);border-color:var(--wje-color-success-9);color:var(--wje-color-success-9)}.wje-button-solid.wje-color-warning{background-color:var(--wje-color-warning-9);border-color:var(--wje-color-warning-9);color:var(--wje-color-black)}.wje-button-outline.wje-color-warning{background-color:var(--wje-color-warning-1);border-color:var(--wje-color-warning-11);color:var(--wje-color-warning-11)}.wje-button-solid.wje-color-danger{background-color:var(--wje-color-danger-9);border-color:var(--wje-color-danger-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-danger{background-color:var(--wje-color-danger-1);border-color:var(--wje-color-danger-9);color:var(--wje-color-danger-9)}.wje-button-solid.wje-color-neutral{background-color:var(--wje-color-contrast-9);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-neutral{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-9)}.wje-button-solid.wje-color-default{background-color:var(--wje-color-contrast-0);border-color:var(--wje-color-contrast-3);color:var(--wje-color-contrast-11)}.wje-button-outline.wje-color-default{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-5);color:var(--wje-color-contrast-11)}:host{--wje-padding-top: .4rem;--wje-padding-start: .5rem;--wje-padding-end: .5rem;--wje-padding-bottom: .4rem;display:inline-flex;position:relative;width:auto;cursor:pointer;margin-inline:var(--wje-button-margin-inline)}:host(.wje-button-group-button){display:block}.native-button{font-family:var(--wje-font-family);font-size:var(--wje-font-size);display:flex;position:relative;align-items:center;width:100%;height:100%;min-height:inherit;border-width:var(--wje-button-border-width);border-style:var(--wje-button-border-style);border-color:var(--wje-button-border-color);background-color:transparent;line-height:1;contain:layout style;cursor:pointer;z-index:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:var(--wje-button-border-radius);padding-top:var(--wje-padding-top);padding-bottom:var(--wje-padding-bottom);padding-inline:var(--wje-padding-start) var(--wje-padding-end)}.native-button:hover{outline-style:solid;outline-width:var(--wje-button-outline-width);transition:outline-width .1s linear}@media (any-hover: hover){.wje-button-solid.wje-color-primary:hover{background-color:var(--wje-color-primary-9);border-color:var(--wje-color-primary-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-primary-2)}.wje-button-outline.wje-color-primary:hover{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-9);color:var(--wje-color-primary-9);outline-color:var(--wje-color-primary-2)}.wje-button-solid.wje-color-complete:hover{background-color:var(--wje-color-complete-9);border-color:var(--wje-color-complete-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-complete-2)}.wje-button-outline.wje-color-complete:hover{background-color:var(--wje-color-complete-1);border-color:var(--wje-color-complete-9);color:var(--wje-color-complete-9);outline-color:var(--wje-color-complete-2)}.wje-button-solid.wje-color-success:hover{background-color:var(--wje-color-success-9);border-color:var(--wje-color-success-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-success-2)}.wje-button-outline.wje-color-success:hover{background-color:var(--wje-color-success-1);border-color:var(--wje-color-success-9);color:var(--wje-color-success-9);outline-color:var(--wje-color-success-2)}.wje-button-solid.wje-color-warning:hover{background-color:var(--wje-color-warning-9);border-color:var(--wje-color-warning-9);color:var(--wje-color-black);outline-color:var(--wje-color-warning-2)}.wje-button-outline.wje-color-warning:hover{background-color:var(--wje-color-warning-1);border-color:var(--wje-color-warning-11);color:var(--wje-color-warning-11);outline-color:var(--wje-color-warning-2)}.wje-button-solid.wje-color-danger:hover{background-color:var(--wje-color-danger-9);border-color:var(--wje-color-danger-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-danger-2)}.wje-button-outline.wje-color-danger:hover{background-color:var(--wje-color-danger-1);border-color:var(--wje-color-danger-9);color:var(--wje-color-danger-9);outline-color:var(--wje-color-danger-2)}.wje-button-solid.wje-color-neutral:hover{background-color:var(--wje-color-contrast-9);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-contrast-3)}.wje-button-outline.wje-color-neutral:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-9);outline-color:var(--wje-color-contrast-3)}.wje-button-solid.wje-color-default:hover{background-color:var(--wje-color-contrast-0);border-color:var(--wje-color-contrast-3);color:var(--wje-color-contrast-11);outline-color:var(--wje-color-contrast-3)}.wje-button-outline.wje-color-default:hover{background-color:var(--wje-color-contrast-2);border-color:var(--wje-color-contrast-5);color:var(--wje-color-contrast-11);outline-color:var(--wje-color-contrast-3)}.wje-button-link:hover{background-color:var(--wje-color-contrast-3);border-color:transparent;color:var(--wje-color-contrast-11);outline-color:transparent;outline-width:0}}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1;line-height:normal}.wje-button-link{border-width:1px;border-color:transparent;background-color:transparent}.wje-button-disabled{cursor:default;opacity:.5;pointer-events:none}:host([round]) .native-button{border-radius:var(--wje-border-radius-pill)}:host([circle]) .native-button{border-radius:var(--wje-border-radius-circle);aspect-ratio:1/1;width:1.813rem;display:flex;align-items:center;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}:host([size=small]) .native-button{--wje-padding-top: .25rem;--wje-padding-start: .25rem;--wje-padding-end: .25rem;--wje-padding-bottom: .25rem}:host([size=large]) .native-button{--wje-padding-top: .6rem;--wje-padding-start: .7rem;--wje-padding-end: .7rem;--wje-padding-bottom: .6rem}:host([size=small][circle]) .native-button{width:1.5rem;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}:host([size=large][circle]) .native-button{width:2.188rem;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}::slotted(wje-icon[slot="start"]){margin:0 .3rem 0 -.3rem}::slotted(wje-icon[slot="end"]){margin:0 -.2rem 0 .3rem}:host(:not([only-caret])) slot[name=caret]{padding:0 0 0 .3rem}:host([only-caret]) slot[name=caret]{padding:0;display:block}:host(.wje-button-group-first:not(.wje-button-group-last)) .native-button{border-start-end-radius:0;border-end-end-radius:0}:host(.wje-button-group-inner) .native-button{border-radius:0}:host(.wje-button-group-last:not(.wje-button-group-first)) .native-button{border-start-start-radius:0;border-end-start-radius:0}:host(.wje-button-group-button:not(.wje-button-group-first)){margin-inline-start:calc(-1 * var(--wje-button-border-width))!important}::slotted([slot="toggle"]){display:none}::slotted([slot="toggle"].show){display:block}';
|
|
7
|
+
class u extends h {
|
|
8
8
|
/**
|
|
9
9
|
* Button constructor
|
|
10
10
|
* @constructor
|
|
@@ -15,29 +15,29 @@ class u extends p {
|
|
|
15
15
|
* Dependencies
|
|
16
16
|
* @type {Object}
|
|
17
17
|
*/
|
|
18
|
-
|
|
18
|
+
s(this, "dependencies", {
|
|
19
19
|
"wje-icon": v
|
|
20
20
|
});
|
|
21
21
|
/**
|
|
22
22
|
* Class name
|
|
23
23
|
* @type {string}
|
|
24
24
|
*/
|
|
25
|
-
|
|
25
|
+
s(this, "className", "Button");
|
|
26
26
|
/**
|
|
27
27
|
* Event dialog open method
|
|
28
28
|
* @param {Event} e - The event
|
|
29
29
|
*/
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
s(this, "eventDialogOpen", (o) => {
|
|
31
|
+
i.dispatchCustomEvent(this, this.dialog, {
|
|
32
32
|
bubbles: !0
|
|
33
33
|
});
|
|
34
34
|
});
|
|
35
35
|
/**
|
|
36
36
|
* Toggle states method
|
|
37
37
|
*/
|
|
38
|
-
|
|
39
|
-
this.slotToggle.assignedNodes().filter((
|
|
40
|
-
|
|
38
|
+
s(this, "toggleStates", () => {
|
|
39
|
+
this.slotToggle.assignedNodes().filter((c) => c.nodeType === Node.ELEMENT_NODE).forEach((c, w) => {
|
|
40
|
+
c.classList.contains("show") ? c.classList.remove("show") : (c.classList.add("show"), this.setAttribute("value", w === 0 ? "on" : "off"));
|
|
41
41
|
});
|
|
42
42
|
});
|
|
43
43
|
this.internals_ = this.attachInternals();
|
|
@@ -157,23 +157,23 @@ class u extends p {
|
|
|
157
157
|
* @param {Object} params - The parameters
|
|
158
158
|
* @returns {Object} fragment - The document fragment
|
|
159
159
|
*/
|
|
160
|
-
draw(o,
|
|
160
|
+
draw(o, c, w) {
|
|
161
161
|
let d = document.createDocumentFragment(), t = document.createElement(this.hasAttribute("href") ? "a" : "button");
|
|
162
162
|
if (this.hasAttribute("href") ? t.setAttribute("href", this.getAttribute("href")) : this.type === "submit" && t.setAttribute("type", "submit"), t.classList.add("native-button"), t.setAttribute("part", "native"), this.classList.remove("wje-button-disabled"), this.disabled && t.classList.add("wje-button-disabled"), this.variant && t.classList.add("wje-button-" + this.variant), this.hasAttribute("round") && t.classList.add("wje-button-round"), this.hasAttribute("circle") && t.classList.add("wje-button-circle"), this.outline && t.classList.add("wje-outline"), this.fill && t.classList.add("wje-button-" + this.fill), this.size && t.classList.add("wje-button-" + this.size), this.hasAttribute("color") ? t.classList.add("wje-color-" + this.color, "wje-color") : t.classList.add("wje-color-default", "wje-color"), this.querySelectorAll("[slot=caret]").length < 1 && this.hasAttribute("caret") || this.hasAttribute("only-caret")) {
|
|
163
|
-
let
|
|
164
|
-
|
|
163
|
+
let l = document.createElement("wje-icon");
|
|
164
|
+
l.style.setProperty("--wje-icon-size", "14px"), l.setAttribute("slot", "caret"), l.setAttribute("name", "chevron-down"), this.appendChild(l);
|
|
165
165
|
}
|
|
166
166
|
if (this.active) {
|
|
167
167
|
this.classList.add("wje-active");
|
|
168
|
-
let
|
|
169
|
-
|
|
168
|
+
let l = document.createElement("wje-icon");
|
|
169
|
+
l.setAttribute("name", "check"), this.appendChild(l);
|
|
170
170
|
}
|
|
171
|
-
let
|
|
172
|
-
|
|
171
|
+
let n = document.createElement("span");
|
|
172
|
+
n.classList.add("button-inner");
|
|
173
173
|
let r = document.createElement("slot");
|
|
174
|
-
if (r.setAttribute("name", "icon-only"),
|
|
175
|
-
let
|
|
176
|
-
|
|
174
|
+
if (r.setAttribute("name", "icon-only"), n.appendChild(r), r = document.createElement("slot"), r.setAttribute("name", "start"), n.appendChild(r), r = document.createElement("slot"), n.appendChild(r), r = document.createElement("slot"), r.setAttribute("name", "end"), n.appendChild(r), r = document.createElement("slot"), r.setAttribute("name", "caret"), n.appendChild(r), this.hasToggle = p.hasSlot(this, "toggle"), this.hasToggle && (this.slotToggle = document.createElement("slot"), this.slotToggle.setAttribute("name", "toggle"), n.appendChild(this.slotToggle)), t.appendChild(n), this.hasAttribute("tooltip")) {
|
|
175
|
+
let l = document.createElement("wje-tooltip");
|
|
176
|
+
l.setAttribute("content", this.getAttribute("tooltip")), l.setAttribute("placement", this.getAttribute("tooltip-placement") || "top"), l.appendChild(t), d.appendChild(l);
|
|
177
177
|
} else
|
|
178
178
|
d.appendChild(t);
|
|
179
179
|
return d;
|
|
@@ -182,9 +182,9 @@ class u extends p {
|
|
|
182
182
|
* After draw method
|
|
183
183
|
*/
|
|
184
184
|
afterDraw() {
|
|
185
|
-
this.hasToggle && (this.toggle === "off" ? (this.slotToggle.assignedNodes()[1].classList.add("show"), this.setAttribute("value", "off")) : (this.slotToggle.assignedNodes()[0].classList.add("show"), this.setAttribute("value", "on"))), this.hasAttribute("dialog") ?
|
|
186
|
-
|
|
187
|
-
}), this.type === "reset" &&
|
|
185
|
+
this.hasToggle && (this.toggle === "off" ? (this.slotToggle.assignedNodes()[1].classList.add("show"), this.setAttribute("value", "off")) : (this.slotToggle.assignedNodes()[0].classList.add("show"), this.setAttribute("value", "on"))), this.hasAttribute("dialog") ? i.addListener(this, "click", null, this.eventDialogOpen) : i.addListener(this, "click", "wje-button:click", null), this.hasToggle && i.addListener(this, "click", "wje-button:toggle", this.toggleStates, { stopPropagation: this.stopPropagation }), this.type === "submit" && i.addListener(this, "click", "wje-button:submit", () => {
|
|
186
|
+
i.dispatchCustomEvent(this.internals_.form, "submit", {});
|
|
187
|
+
}), this.type === "reset" && i.addListener(this, "click", "wje-button:reset", () => {
|
|
188
188
|
this.internals_.form.reset();
|
|
189
189
|
});
|
|
190
190
|
}
|
|
@@ -200,7 +200,7 @@ class u extends p {
|
|
|
200
200
|
* Form-associated custom elements are elements that can participate in form submission.
|
|
201
201
|
* @type {boolean}
|
|
202
202
|
*/
|
|
203
|
-
|
|
203
|
+
s(u, "formAssociated", !0);
|
|
204
204
|
u.define("wje-button", u);
|
|
205
205
|
export {
|
|
206
206
|
u as default
|
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.41",
|
|
5
5
|
"homepage": "https://github.com/lencys/wj-elements",
|
|
6
6
|
"author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
|
|
7
7
|
"license": "MIT",
|