wj-elements 0.1.30 → 0.1.31
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/{localize-DVuO3S17.js → localize.js} +1 -1
- package/dist/wje-button.js +12 -12
- package/dist/wje-file-upload-item.js +1 -1
- package/dist/wje-file-upload.js +1 -1
- package/dist/wje-format-digital.js +1 -1
- package/dist/wje-master.js +7 -7
- package/dist/wje-relative-time.js +1 -1
- package/package.json +1 -1
package/dist/wje-button.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var b = Object.defineProperty;
|
|
2
2
|
var j = (e, a, o) => a in e ? b(e, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[a] = o;
|
|
3
3
|
var s = (e, a, o) => (j(e, typeof a != "symbol" ? a + "" : a, o), o);
|
|
4
|
-
import g, { WjElementUtils as p, event as
|
|
4
|
+
import g, { WjElementUtils as p, event as c } from "./wje-element.js";
|
|
5
5
|
import h from "./wje-icon.js";
|
|
6
|
-
const
|
|
7
|
-
class
|
|
6
|
+
const w = (e) => e === "false" || e === "null" || e === "NaN" || e === "undefined" || e === "0" ? !1 : !!e, v = '.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-6);color:var(--wje-color-primary-6)}.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{border-color:var(--wje-color-complete-6);color:var(--wje-color-complete-6)}.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{border-color:var(--wje-color-success-6);color:var(--wje-color-success-6)}.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{border-color:var(--wje-color-warning-6);color:var(--wje-color-warning-6)}.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{border-color:var(--wje-color-danger-6);color:var(--wje-color-danger-6)}.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{border-color:var(--wje-color-contrast-6);color:var(--wje-color-contrast-6)}.wje-button-solid.wje-color-default{background-color:transparent;border-color:var(--wje-color-contrast-4);color:var(--wje-color-contrast-11)}.wje-button-outline.wje-color-default{border-color:var(--wje-color-contrast-4);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);outline:var(--wje-button-outline);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)}@media (any-hover: hover){.wje-button-solid.wje-color-primary:hover{background-color:var(--wje-color-primary-10);border-color:var(--wje-color-primary-10);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-primary:hover{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-11);color:var(--wje-color-primary-11)}.wje-button-solid.wje-color-complete:hover{background-color:var(--wje-color-complete-10);border-color:var(--wje-color-complete-10);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-complete:hover{background-color:var(--wje-color-complete-1);border-color:var(--wje-color-complete-11);color:var(--wje-color-complete-11)}.wje-button-solid.wje-color-success:hover{background-color:var(--wje-color-success-10);border-color:var(--wje-color-success-10);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-success:hover{background-color:var(--wje-color-success-1);border-color:var(--wje-color-success-11);color:var(--wje-color-success-11)}.wje-button-solid.wje-color-warning:hover{background-color:var(--wje-color-warning-10);border-color:var(--wje-color-warning-10);color:var(--wje-color-black)}.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)}.wje-button-solid.wje-color-danger:hover{background-color:var(--wje-color-danger-10);border-color:var(--wje-color-danger-10);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-danger:hover{background-color:var(--wje-color-danger-1);border-color:var(--wje-color-danger-11);color:var(--wje-color-danger-11)}.wje-button-solid.wje-color-neutral:hover{background-color:var(--wje-color-contrast-10);border-color:var(--wje-color-contrast-10);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-neutral:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-11);color:var(--wje-color-contrast-11)}.wje-button-solid.wje-color-default:hover,.wje-button-outline.wje-color-default:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-2);color:var(--wje-color-contrast-9)}.wje-button-link:hover{background-color:var(--wje-color-contrast-1);border-color:transparent;color:var(--wje-color-contrast-9)}}.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}.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 g {
|
|
8
8
|
/**
|
|
9
9
|
* Button constructor
|
|
10
10
|
* @constructor
|
|
@@ -28,7 +28,7 @@ class w extends g {
|
|
|
28
28
|
* @param {Event} e - The event
|
|
29
29
|
*/
|
|
30
30
|
s(this, "eventDialogOpen", (o) => {
|
|
31
|
-
console.log("open dialog"),
|
|
31
|
+
console.log("open dialog"), c.dispatchCustomEvent(this, this.dialog, {
|
|
32
32
|
bubbles: !0
|
|
33
33
|
});
|
|
34
34
|
});
|
|
@@ -36,8 +36,8 @@ class w extends g {
|
|
|
36
36
|
* Toggle states method
|
|
37
37
|
*/
|
|
38
38
|
s(this, "toggleStates", () => {
|
|
39
|
-
this.slotToggle.assignedNodes().filter((
|
|
40
|
-
|
|
39
|
+
this.slotToggle.assignedNodes().filter((i) => i.nodeType === Node.ELEMENT_NODE).forEach((i) => {
|
|
40
|
+
i.classList.contains("show") ? i.classList.remove("show") : i.classList.add("show");
|
|
41
41
|
});
|
|
42
42
|
});
|
|
43
43
|
}
|
|
@@ -102,14 +102,14 @@ class w extends g {
|
|
|
102
102
|
* @param {boolean} value - The value to set
|
|
103
103
|
*/
|
|
104
104
|
set stopPropagation(o) {
|
|
105
|
-
this.setAttribute("stop-propagation",
|
|
105
|
+
this.setAttribute("stop-propagation", w(o));
|
|
106
106
|
}
|
|
107
107
|
/**
|
|
108
108
|
* Get stop propagation
|
|
109
109
|
* @returns {boolean} stopPropagation - The stop propagation
|
|
110
110
|
*/
|
|
111
111
|
get stopPropagation() {
|
|
112
|
-
return
|
|
112
|
+
return w(this.getAttribute("stop-propagation"));
|
|
113
113
|
}
|
|
114
114
|
/**
|
|
115
115
|
* Get CSS stylesheet
|
|
@@ -140,7 +140,7 @@ class w extends g {
|
|
|
140
140
|
* @param {Object} params - The parameters
|
|
141
141
|
* @returns {Object} fragment - The document fragment
|
|
142
142
|
*/
|
|
143
|
-
draw(o,
|
|
143
|
+
draw(o, i, m) {
|
|
144
144
|
let d = document.createDocumentFragment(), t = document.createElement(this.hasAttribute("href") ? "a" : "button");
|
|
145
145
|
if (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")) {
|
|
146
146
|
let n = document.createElement("wje-icon");
|
|
@@ -160,7 +160,7 @@ class w extends g {
|
|
|
160
160
|
* After draw method
|
|
161
161
|
*/
|
|
162
162
|
afterDraw() {
|
|
163
|
-
this.hasToggle && (this.toggle === "off" ? this.slotToggle.assignedNodes()[1].classList.add("show") : this.slotToggle.assignedNodes()[0].classList.add("show")), this.hasAttribute("dialog") ?
|
|
163
|
+
this.hasToggle && (this.toggle === "off" ? this.slotToggle.assignedNodes()[1].classList.add("show") : this.slotToggle.assignedNodes()[0].classList.add("show")), this.hasAttribute("dialog") ? c.addListener(this, "click", null, this.eventDialogOpen) : c.addListener(this, "click", "wje-button:click", null), this.hasToggle && c.addListener(this, "click", "wje-button:toggle", this.toggleStates, { stopPropagation: this.stopPropagation });
|
|
164
164
|
}
|
|
165
165
|
/**
|
|
166
166
|
* Before disconnect method
|
|
@@ -169,7 +169,7 @@ class w extends g {
|
|
|
169
169
|
this.removeEventListener("click", this.eventDialogOpen);
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
|
-
|
|
172
|
+
u.define("wje-button", u);
|
|
173
173
|
export {
|
|
174
|
-
|
|
174
|
+
u as default
|
|
175
175
|
};
|
|
@@ -2,7 +2,7 @@ var f = Object.defineProperty;
|
|
|
2
2
|
var j = (a, e, t) => e in a ? f(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
|
|
3
3
|
var m = (a, e, t) => (j(a, typeof e != "symbol" ? e + "" : e, t), t);
|
|
4
4
|
import v from "./wje-element.js";
|
|
5
|
-
import {
|
|
5
|
+
import { Localizer as x } from "./localize.js";
|
|
6
6
|
import E from "./wje-format-digital.js";
|
|
7
7
|
import z from "./wje-button.js";
|
|
8
8
|
import A from "./wje-slider.js";
|
package/dist/wje-file-upload.js
CHANGED
|
@@ -2,7 +2,7 @@ var v = Object.defineProperty;
|
|
|
2
2
|
var w = (s, r, e) => r in s ? v(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
|
|
3
3
|
var h = (s, r, e) => (w(s, typeof r != "symbol" ? r + "" : r, e), e);
|
|
4
4
|
import x from "./wje-element.js";
|
|
5
|
-
import {
|
|
5
|
+
import { Localizer as z } from "./localize.js";
|
|
6
6
|
import A from "./wje-button.js";
|
|
7
7
|
function L() {
|
|
8
8
|
return [
|
|
@@ -2,7 +2,7 @@ var d = Object.defineProperty;
|
|
|
2
2
|
var h = (i, t, e) => t in i ? d(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
|
|
3
3
|
var m = (i, t, e) => (h(i, typeof t != "symbol" ? t + "" : t, e), e);
|
|
4
4
|
import p from "./wje-element.js";
|
|
5
|
-
import {
|
|
5
|
+
import { Localizer as f } from "./localize.js";
|
|
6
6
|
const g = ".native-format-digital{white-space:nowrap}";
|
|
7
7
|
class c extends p {
|
|
8
8
|
/**
|
package/dist/wje-master.js
CHANGED
|
@@ -2,13 +2,13 @@ import { default as d, event as u } from "./wje-element.js";
|
|
|
2
2
|
import { defaultStoreActions as s, store as m } from "./wje-store.js";
|
|
3
3
|
import { b as i, w as n } from "./router-links-FtZbFUto.js";
|
|
4
4
|
import { fetchAndParseCSS as C } from "./wje-fetchAndParseCSS.js";
|
|
5
|
-
import {
|
|
5
|
+
import { Localizer as e } from "./localize.js";
|
|
6
6
|
import { default as R } from "./wje-accordion.js";
|
|
7
7
|
import { default as I } from "./wje-accordion-item.js";
|
|
8
8
|
import { default as g } from "./wje-animation.js";
|
|
9
9
|
import { default as k } from "./wje-aside.js";
|
|
10
10
|
import { default as h } from "./wje-avatar.js";
|
|
11
|
-
import { default as
|
|
11
|
+
import { default as j } from "./wje-badge.js";
|
|
12
12
|
import { default as P } from "./wje-breadcrumb.js";
|
|
13
13
|
import { default as v } from "./wje-breadcrumbs.js";
|
|
14
14
|
import { default as F } from "./wje-button.js";
|
|
@@ -35,7 +35,7 @@ import { default as Ie } from "./wje-file-upload-item.js";
|
|
|
35
35
|
import { default as ge } from "./wje-footer.js";
|
|
36
36
|
import { default as ke } from "./wje-format-digital.js";
|
|
37
37
|
import { default as he } from "./wje-grid.js";
|
|
38
|
-
import { default as
|
|
38
|
+
import { default as je } from "./wje-header.js";
|
|
39
39
|
import { default as Pe } from "./wje-icon.js";
|
|
40
40
|
import { default as ve } from "./wje-icon-picker.js";
|
|
41
41
|
import { default as Fe } from "./wje-img.js";
|
|
@@ -63,7 +63,7 @@ import { default as To } from "./wje-radio-group.js";
|
|
|
63
63
|
import { default as So } from "./wje-rate.js";
|
|
64
64
|
import { default as Bo } from "./wje-relative-time.js";
|
|
65
65
|
import { default as Ao } from "./wje-reorder.js";
|
|
66
|
-
import { default as
|
|
66
|
+
import { default as Lo } from "./wje-reorder-dropzone.js";
|
|
67
67
|
import { default as Mo } from "./wje-reorder-handle.js";
|
|
68
68
|
import { default as Do } from "./wje-reorder-item.js";
|
|
69
69
|
import { default as yo } from "./wje-route.js";
|
|
@@ -113,7 +113,7 @@ export {
|
|
|
113
113
|
g as Animation,
|
|
114
114
|
k as Aside,
|
|
115
115
|
h as Avatar,
|
|
116
|
-
|
|
116
|
+
j as Badge,
|
|
117
117
|
P as Breadcrumb,
|
|
118
118
|
v as Breadcrumbs,
|
|
119
119
|
F as Button,
|
|
@@ -140,7 +140,7 @@ export {
|
|
|
140
140
|
ge as Footer,
|
|
141
141
|
ke as FormatDigital,
|
|
142
142
|
he as Grid,
|
|
143
|
-
|
|
143
|
+
je as Header,
|
|
144
144
|
Pe as Icon,
|
|
145
145
|
ve as IconPicker,
|
|
146
146
|
Fe as Img,
|
|
@@ -169,7 +169,7 @@ export {
|
|
|
169
169
|
So as Rate,
|
|
170
170
|
Bo as RelativeTime,
|
|
171
171
|
Ao as Reorder,
|
|
172
|
-
|
|
172
|
+
Lo as ReorderDropzone,
|
|
173
173
|
Mo as ReorderHandle,
|
|
174
174
|
Do as ReorderItem,
|
|
175
175
|
yo as Route,
|
|
@@ -2,7 +2,7 @@ var h = Object.defineProperty;
|
|
|
2
2
|
var v = (n, i, e) => i in n ? h(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
|
|
3
3
|
var d = (n, i, e) => (v(n, typeof i != "symbol" ? i + "" : i, e), e);
|
|
4
4
|
import f from "./wje-element.js";
|
|
5
|
-
import {
|
|
5
|
+
import { Localizer as p } from "./localize.js";
|
|
6
6
|
class l extends f {
|
|
7
7
|
/**
|
|
8
8
|
* Creates an instance of RelativeTime.
|
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.31",
|
|
5
5
|
"homepage": "https://github.com/lencys/wj-elements",
|
|
6
6
|
"author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
|
|
7
7
|
"license": "MIT",
|