wj-elements 0.1.28 → 0.1.30
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-button.js +1 -1
- package/dist/wje-dialog.js +1 -1
- package/dist/wje-icon.js +1 -1
- package/dist/wje-menu-item.js +0 -1
- package/dist/wje-progress-bar.js +1 -1
- package/dist/wje-tooltip.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
package/dist/wje-dialog.js
CHANGED
|
@@ -9,7 +9,7 @@ class j extends v {
|
|
|
9
9
|
super();
|
|
10
10
|
s(this, "className", "Dialog");
|
|
11
11
|
s(this, "onOpen", (e) => {
|
|
12
|
-
Promise.resolve(this.beforeOpen(this)).then((g) => {
|
|
12
|
+
console.log("open dialog 111"), Promise.resolve(this.beforeOpen(this)).then((g) => {
|
|
13
13
|
this.dialog.showModal(), this.dialog.open && Promise.resolve(this.afterOpen(this));
|
|
14
14
|
});
|
|
15
15
|
});
|
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-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.
|
package/dist/wje-tooltip.js
CHANGED
|
@@ -90,7 +90,7 @@ class m extends f {
|
|
|
90
90
|
*/
|
|
91
91
|
afterDraw() {
|
|
92
92
|
let t = this.mySlot.assignedElements()[0];
|
|
93
|
-
this.selector && (t = this.checkSelector(t)), t && (a.addListener(t, "mouseenter", null, this.onShow), a.addListener(t, "mouseleave", null, this.onHide), a.addListener(t, "click", null, this.onHide));
|
|
93
|
+
this.selector && (t = this.checkSelector(t)), t && (a.addListener(t, "mouseenter", null, this.onShow), a.addListener(t, "mouseleave", null, this.onHide), a.addListener(t, "click", null, this.onHide, { stopPropagation: !1 }));
|
|
94
94
|
}
|
|
95
95
|
dispatch(t) {
|
|
96
96
|
return new Promise((s) => {
|
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.30",
|
|
5
5
|
"homepage": "https://github.com/lencys/wj-elements",
|
|
6
6
|
"author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
|
|
7
7
|
"license": "MIT",
|