wj-elements 0.1.29 → 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/dark.css +1 -1
- 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-icon.js +1 -1
- package/dist/wje-master.js +7 -7
- package/dist/wje-menu-item.js +0 -1
- package/dist/wje-progress-bar.js +1 -1
- package/dist/wje-relative-time.js +1 -1
- 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-
|
|
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: hsl(218, 57%, 3%);--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, 59%, 35%, 1);--wje-color-primary-2: hsla(254, 59%, 45%, 1);--wje-color-primary-3: hsla(254, 67%, 62%, 1);--wje-color-primary-4: hsla(257, 61%, 68%, 1);--wje-color-primary-5: hsla(258, 61%, 72%, 1);--wje-color-primary-6: hsla(259, 61%, 76%, 1);--wje-color-primary-7: hsla(260, 63%, 80%, 1);--wje-color-primary-8: hsla(260, 61%, 84%, 1);--wje-color-primary-9: hsla(260, 64%, 88%, 1);--wje-color-primary-10: hsla(260, 66%, 92%, 1);--wje-color-primary-11: hsla(261, 70%, 96%, 1);--wje-color-complete-1: hsla(211, 100%, 28%, 1);--wje-color-complete-2: hsla(211, 100%, 45%, 1);--wje-color-complete-3: hsla(211, 100%, 60%, 1);--wje-color-complete-4: hsla(223, 83%, 70%, 1);--wje-color-complete-5: hsla(225, 83%, 74%, 1);--wje-color-complete-6: hsla(226, 82%, 78%, 1);--wje-color-complete-7: hsla(228, 85%, 82%, 1);--wje-color-complete-8: hsla(229, 86%, 86%, 1);--wje-color-complete-9: hsla(229, 86%, 89%, 1);--wje-color-complete-10: hsla(229, 89%, 93%, 1);--wje-color-complete-11: hsla(233, 90%, 96%, 1);--wje-color-success-1: hsla(158, 93%, 23%, 1);--wje-color-success-2: hsla(158, 74%, 30%, 1);--wje-color-success-3: hsla(158, 67%, 45%, 1);--wje-color-success-4: hsla(152, 42%, 59%, 1);--wje-color-success-5: hsla(151, 42%, 65%, 1);--wje-color-success-6: hsla(150, 41%, 70%, 1);--wje-color-success-7: hsla(149, 42%, 75%, 1);--wje-color-success-8: hsla(150, 41%, 80%, 1);--wje-color-success-9: hsla(149, 40%, 85%, 1);--wje-color-success-10: hsla(149, 41%, 90%, 1);--wje-color-success-11: hsla(147, 44%, 95%, 1);--wje-color-warning-1: hsla(47, 75%, 38%, 1);--wje-color-warning-2: hsla(47, 100%, 53%, 1);--wje-color-warning-3: hsla(47, 100%, 67%, 1);--wje-color-warning-4: hsla(47, 100%, 74%, 1);--wje-color-warning-5: hsla(46, 100%, 77%, 1);--wje-color-warning-6: hsla(46, 100%, 81%, 1);--wje-color-warning-7: hsla(46, 100%, 84%, 1);--wje-color-warning-8: hsla(46, 100%, 87%, 1);--wje-color-warning-9: hsla(46, 100%, 90%, 1);--wje-color-warning-10: hsla(47, 100%, 93%, 1);--wje-color-warning-11: hsla(45, 100%, 96%, 1);--wje-color-danger-1: hsla(3, 81%, 31%, 1);--wje-color-danger-2: hsla(3, 68%, 41%, 1);--wje-color-danger-3: hsla(3, 78%, 59%, 1);--wje-color-danger-4: hsla(8, 77%, 65%, 1);--wje-color-danger-5: hsla(8, 80%, 70%, 1);--wje-color-danger-6: hsla(10, 82%, 74%, 1);--wje-color-danger-7: hsla(9, 87%, 79%, 1);--wje-color-danger-8: hsla(10, 91%, 83%, 1);--wje-color-danger-9: hsla(11, 94%, 87%, 1);--wje-color-danger-10: hsla(12, 100%, 91%, 1);--wje-color-danger-11: hsla(9, 100%, 96%, 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%, 52%, 1);--wje-color-info-6: hsla(203, 6%, 58%, 1);--wje-color-info-7: hsla(213, 6%, 65%, 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(0, 0%, 0%, 1);--wje-color-contrast-1: hsla(240, 7%, 8%, 1);--wje-color-contrast-2: hsla(240, 6%, 10%, 1);--wje-color-contrast-3: hsla(240, 4%, 16%, 1);--wje-color-contrast-4: hsla(240, 5%, 26%, 1);--wje-color-contrast-5: hsla(240, 5%, 34%, 1);--wje-color-contrast-6: hsla(240, 4%, 46%, 1);--wje-color-contrast-7: hsla(240, 5%, 65%, 1);--wje-color-contrast-8: hsla(240, 5%, 84%, 1);--wje-color-contrast-9: hsla(240, 6%, 90%, 1);--wje-color-contrast-10: hsla(240, 5%, 96%, 1);--wje-color-contrast-11: hsla(0, 0%, 98%, 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-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-icon.js
CHANGED
|
@@ -49,7 +49,7 @@ const j = (e) => c(e) && (e = e.trim(), z(e)) ? e : null, z = (e) => e.length >
|
|
|
49
49
|
const s = `/assets/img/icons/${t ? "filled" : "outline"}/${e}.svg`;
|
|
50
50
|
let o = new URL(import.meta.url), r = o.pathname, i = r.substring(0, r.lastIndexOf("/"));
|
|
51
51
|
return new URL(o.origin + i + s).href;
|
|
52
|
-
}, E = ':host{width:var(--wje-icon-size);height:var(--wje-icon-size)}.native-icon{display:flex;align-items:center}svg{width:100%;height:100%;stroke-width:var(--wje-icon-stroke);color:var(--wje-icon-color)}:host([stroke="1"]){--wje-icon-stroke: 1}:host([stroke="1.25"]){--wje-icon-stroke: 1.25}:host([stroke="1.5"]){--wje-icon-stroke: 1.5}:host([stroke="1.75"]){--wje-icon-stroke: 1.75}:host([stroke="2"]){--wje-icon-stroke: 2}:host([size="2x-small"]){--wje-icon-size: var(--wje-size-2x-small)}:host([size="x-small"]){--wje-icon-size: var(--wje-size-x-small)}:host([size="small"]){--wje-icon-size: var(--wje-size-small)}:host([size="medium"]){--wje-icon-size: var(--wje-size-medium)}:host([size="large"]){--wje-icon-size: var(--wje-size-large)}:host([size="x-large"]){--wje-icon-size: var(--wje-size-x-large)}:host([size="2x-large"]){--wje-icon-size: var(--wje-size-2x-large)}:host([size="3x-large"]){--wje-icon-size: var(--wje-size-3x-large)}:host([size="4x-large"]){--wje-icon-size: var(--wje-size-4x-large)}:host([color="primary"]) .native-icon{color:var(--wje-color-primary-
|
|
52
|
+
}, E = ':host{width:var(--wje-icon-size);height:var(--wje-icon-size)}.native-icon{display:flex;align-items:center}svg{width:100%;height:100%;stroke-width:var(--wje-icon-stroke);color:var(--wje-icon-color)}:host([stroke="1"]){--wje-icon-stroke: 1}:host([stroke="1.25"]){--wje-icon-stroke: 1.25}:host([stroke="1.5"]){--wje-icon-stroke: 1.5}:host([stroke="1.75"]){--wje-icon-stroke: 1.75}:host([stroke="2"]){--wje-icon-stroke: 2}:host([size="2x-small"]){--wje-icon-size: var(--wje-size-2x-small)}:host([size="x-small"]){--wje-icon-size: var(--wje-size-x-small)}:host([size="small"]){--wje-icon-size: var(--wje-size-small)}:host([size="medium"]){--wje-icon-size: var(--wje-size-medium)}:host([size="large"]){--wje-icon-size: var(--wje-size-large)}:host([size="x-large"]){--wje-icon-size: var(--wje-size-x-large)}:host([size="2x-large"]){--wje-icon-size: var(--wje-size-2x-large)}:host([size="3x-large"]){--wje-icon-size: var(--wje-size-3x-large)}:host([size="4x-large"]){--wje-icon-size: var(--wje-size-4x-large)}:host([color="primary"]) .native-icon{color:var(--wje-color-primary-9)}:host([color="complete"]) .native-icon{color:var(--wje-color-complete-9)}:host([color="success"]) .native-icon{color:var(--wje-color-success-9)}:host([color="warning"]) .native-icon{color:var(--wje-color-warning-9)}:host([color="danger"]) .native-icon{color:var(--wje-color-danger-9)}:host([color="info"]) .native-icon{color:var(--wje-color-info-9)}:host([color="menu"]) .native-icon{color:var(--wje-color-contrast-9)}';
|
|
53
53
|
class u extends m {
|
|
54
54
|
/**
|
|
55
55
|
* Creates an instance of IconElement.
|
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,
|
package/dist/wje-menu-item.js
CHANGED
|
@@ -155,7 +155,6 @@ class j extends k {
|
|
|
155
155
|
* @returns {HTMLElement} The tooltip element.
|
|
156
156
|
*/
|
|
157
157
|
collapseItem(e) {
|
|
158
|
-
console.log("collapseItem", this.getTextFromElement(this));
|
|
159
158
|
let s = document.createElement("slot");
|
|
160
159
|
s.setAttribute("slot", "start"), s.setAttribute("name", "tooltip-start");
|
|
161
160
|
let n = document.createElement("slot");
|
package/dist/wje-progress-bar.js
CHANGED
|
@@ -2,7 +2,7 @@ var A = Object.defineProperty;
|
|
|
2
2
|
var j = (i, o, e) => o in i ? A(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
|
|
3
3
|
var g = (i, o, e) => (j(i, typeof o != "symbol" ? o + "" : o, e), e);
|
|
4
4
|
import k from "./wje-element.js";
|
|
5
|
-
const f = ':host(.wje-color-primary) #bar{--wje-progress-bar-color: var(--wje-color-primary)}:host(.wje-color-complete) #bar{--wje-progress-bar-color: var(--wje-color-complete)}:host(.wje-color-success) #bar{--wje-progress-bar-color: var(--wje-color-success)}:host(.wje-color-warning) #bar{--wje-progress-bar-color: var(--wje-color-warning)}:host(.wje-color-danger) #bar{--wje-progress-bar-color: var(--wje-color-danger)}:host(.wje-color-dark) #bar{--wje-progress-bar-color: var(--wje-color-contrast-0)}:host(.wje-color-light) #bar{--wje-progress-bar-color: var(--wje-color-contrast-
|
|
5
|
+
const f = ':host(.wje-color-primary) #bar{--wje-progress-bar-color: var(--wje-color-primary-9)}:host(.wje-color-complete) #bar{--wje-progress-bar-color: var(--wje-color-complete-9)}:host(.wje-color-success) #bar{--wje-progress-bar-color: var(--wje-color-success-9)}:host(.wje-color-warning) #bar{--wje-progress-bar-color: var(--wje-color-warning-9)}:host(.wje-color-danger) #bar{--wje-progress-bar-color: var(--wje-color-danger-9)}:host(.wje-color-dark) #bar{--wje-progress-bar-color: var(--wje-color-contrast-0)}:host(.wje-color-light) #bar{--wje-progress-bar-color: var(--wje-color-contrast-9)}:host{--wje-progress-bar-color: var(--wje-color-contrast-6);--wje-progress-bar-text-size: .75rem;--wje-progress-bar-text-color: var(--wje-color);--wje-progress-bar-stroke: var(--wje-color-contrast-3);stroke:var(--wje-progress-bar-stroke)}:host .progress{position:relative;display:flex;align-items:center}:host .slot-wrapper{display:flex;position:absolute;top:0;align-items:center;width:100%;height:100%;justify-content:center}:host #bar{stroke:var(--wje-progress-bar-color)}:host text{transform:rotate(90deg);transform-origin:center;text-anchor:middle;dominant-baseline:middle;font-size:var(--wje-progress-bar-text-size);fill:var(--wje-progress-bar-text-color);stroke:var(--wje-progress-bar-text-color)}:host(.wje-color) #bar{stroke:var(--wje-progress-bar-color)}::slotted([slot="start"]){margin-inline:0 1rem}::slotted([slot="end"]){margin-inline:1rem 0}';
|
|
6
6
|
class w extends k {
|
|
7
7
|
/**
|
|
8
8
|
* Creates an instance of ProgressBar.
|
|
@@ -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",
|