wj-elements 0.1.46 → 0.1.48
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/package.json +1 -1
- package/dist/dark.css +0 -1
- package/dist/light.css +0 -1
- package/dist/localize.js +0 -45
- package/dist/popup.element-CWsSOxs2.js +0 -1072
- package/dist/router-links-FtZbFUto.js +0 -146
- package/dist/styles.css +0 -1
- package/dist/wje-accordion-item.js +0 -88
- package/dist/wje-accordion.js +0 -79
- package/dist/wje-animation.js +0 -121
- package/dist/wje-aside.js +0 -55
- package/dist/wje-avatar.js +0 -77
- package/dist/wje-badge.js +0 -50
- package/dist/wje-breadcrumb.js +0 -148
- package/dist/wje-breadcrumbs.js +0 -67
- package/dist/wje-button-group.js +0 -78
- package/dist/wje-button.js +0 -207
- package/dist/wje-card-content.js +0 -48
- package/dist/wje-card-controls.js +0 -48
- package/dist/wje-card-header.js +0 -47
- package/dist/wje-card-subtitle.js +0 -55
- package/dist/wje-card-title.js +0 -55
- package/dist/wje-card.js +0 -50
- package/dist/wje-carousel-item.js +0 -33
- package/dist/wje-carousel.js +0 -177
- package/dist/wje-checkbox.js +0 -96
- package/dist/wje-chip.js +0 -32
- package/dist/wje-col.js +0 -27
- package/dist/wje-color-picker.js +0 -953
- package/dist/wje-container.js +0 -57
- package/dist/wje-copy-button.js +0 -164
- package/dist/wje-dialog.js +0 -86
- package/dist/wje-divider.js +0 -53
- package/dist/wje-dropdown.js +0 -114
- package/dist/wje-element.js +0 -453
- package/dist/wje-fetchAndParseCSS.js +0 -40
- package/dist/wje-file-upload-item.js +0 -115
- package/dist/wje-file-upload.js +0 -297
- package/dist/wje-footer.js +0 -56
- package/dist/wje-form.js +0 -28
- package/dist/wje-format-digital.js +0 -85
- package/dist/wje-grid.js +0 -28
- package/dist/wje-header.js +0 -58
- package/dist/wje-icon-picker.js +0 -221
- package/dist/wje-icon.js +0 -119
- package/dist/wje-img-comparer.js +0 -111
- package/dist/wje-img.js +0 -58
- package/dist/wje-infinite-scroll.js +0 -201
- package/dist/wje-inline-edit.js +0 -145
- package/dist/wje-input-file.js +0 -85
- package/dist/wje-input.js +0 -334
- package/dist/wje-item.js +0 -45
- package/dist/wje-label.js +0 -67
- package/dist/wje-list.js +0 -53
- package/dist/wje-main.js +0 -56
- package/dist/wje-masonry.js +0 -218
- package/dist/wje-master.js +0 -423
- package/dist/wje-menu-button.js +0 -65
- package/dist/wje-menu-item.js +0 -230
- package/dist/wje-menu-label.js +0 -57
- package/dist/wje-menu.js +0 -74
- package/dist/wje-option.js +0 -99
- package/dist/wje-options.js +0 -63
- package/dist/wje-popup.js +0 -5
- package/dist/wje-progress-bar.js +0 -161
- package/dist/wje-qr-code.js +0 -2332
- package/dist/wje-radio-group.js +0 -101
- package/dist/wje-radio.js +0 -46
- package/dist/wje-rate.js +0 -260
- package/dist/wje-relative-time.js +0 -85
- package/dist/wje-reorder-dropzone.js +0 -27
- package/dist/wje-reorder-handle.js +0 -115
- package/dist/wje-reorder-item.js +0 -32
- package/dist/wje-reorder.js +0 -138
- package/dist/wje-route.js +0 -46
- package/dist/wje-router-link.js +0 -64
- package/dist/wje-router-outlet.js +0 -127
- package/dist/wje-routerx.js +0 -1088
- package/dist/wje-row.js +0 -58
- package/dist/wje-select.js +0 -242
- package/dist/wje-slider.js +0 -177
- package/dist/wje-sliding-container.js +0 -274
- package/dist/wje-split-view.js +0 -112
- package/dist/wje-status.js +0 -54
- package/dist/wje-store.js +0 -192
- package/dist/wje-tab-group.js +0 -107
- package/dist/wje-tab-panel.js +0 -52
- package/dist/wje-tab.js +0 -59
- package/dist/wje-textarea.js +0 -116
- package/dist/wje-thumbnail.js +0 -64
- package/dist/wje-toast.js +0 -76
- package/dist/wje-toggle.js +0 -94
- package/dist/wje-toolbar-action.js +0 -63
- package/dist/wje-toolbar.js +0 -61
- package/dist/wje-tooltip.js +0 -116
- package/dist/wje-visually-hidden.js +0 -56
package/dist/wje-toolbar.js
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
var s = Object.defineProperty;
|
|
2
|
-
var b = (e, t, o) => t in e ? s(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
|
|
3
|
-
var d = (e, t, o) => (b(e, typeof t != "symbol" ? t + "" : t, o), o);
|
|
4
|
-
import p from "./wje-element.js";
|
|
5
|
-
import { w as c } from "./router-links-FtZbFUto.js";
|
|
6
|
-
const m = ':host{--wje-toolbar-background: var(--wje-background);--wje-toolbar-height: auto;--wje-toolbar-min-height: 70px;--wje-toolbar-padding-top: 1rem;--wje-toolbar-padding-bottom: 1rem;--wje-toolbar-padding-inline: 1.5rem;--wje-toolbar-border-color: var(--wje-border-color);--wje-toolbar-top: 0;width:100%;height:var(--wje-toolbar-height)}.native-toolbar{background-color:var(--wje-toolbar-background);display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid var(--wje-toolbar-border-color);padding-inline:var(--wje-toolbar-padding-inline);padding-top:var(--wje-toolbar-padding-top);padding-bottom:var(--wje-toolbar-padding-bottom);box-shadow:0 10px 30px #523f690d}::slotted{grid-column:span 4}::slotted([slot="start"]){margin-right:auto}:host([sticky]){position:sticky;top:var(--wje-toolbar-top);z-index:99}';
|
|
7
|
-
class l extends c(p) {
|
|
8
|
-
/**
|
|
9
|
-
* @constructor
|
|
10
|
-
* @summary Toolbar constructor
|
|
11
|
-
*/
|
|
12
|
-
constructor() {
|
|
13
|
-
super();
|
|
14
|
-
/**
|
|
15
|
-
* @summary Class name
|
|
16
|
-
* @type {string}
|
|
17
|
-
*/
|
|
18
|
-
d(this, "className", "Toolbar");
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* @summary Get CSS stylesheet
|
|
22
|
-
* @static
|
|
23
|
-
* @returns {Object} styles
|
|
24
|
-
*/
|
|
25
|
-
static get cssStyleSheet() {
|
|
26
|
-
return m;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* @summary Get observed attributes
|
|
30
|
-
* @static
|
|
31
|
-
* @returns {Array} An empty array
|
|
32
|
-
*/
|
|
33
|
-
static get observedAttributes() {
|
|
34
|
-
return [];
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* @summary Setup attributes
|
|
38
|
-
*/
|
|
39
|
-
setupAttributes() {
|
|
40
|
-
this.isShadowRoot = "open";
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* @summary Draw method
|
|
44
|
-
* @param {Object} context - The context
|
|
45
|
-
* @param {Object} store - The store
|
|
46
|
-
* @param {Object} params - The parameters
|
|
47
|
-
* @returns {Object} Document fragment
|
|
48
|
-
*/
|
|
49
|
-
draw(o, u, w) {
|
|
50
|
-
let a = document.createDocumentFragment(), r = document.createElement("div");
|
|
51
|
-
r.setAttribute("part", "native"), r.classList.add("native-toolbar");
|
|
52
|
-
let n = document.createElement("slot");
|
|
53
|
-
n.setAttribute("name", "start");
|
|
54
|
-
let i = document.createElement("slot");
|
|
55
|
-
return i.setAttribute("name", "end"), r.appendChild(n), r.appendChild(i), a.appendChild(r), a;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
l.define("wje-toolbar", l);
|
|
59
|
-
export {
|
|
60
|
-
l as default
|
|
61
|
-
};
|
package/dist/wje-tooltip.js
DELETED
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
var w = Object.defineProperty;
|
|
2
|
-
var v = (s, o, t) => o in s ? w(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t;
|
|
3
|
-
var a = (s, o, t) => (v(s, typeof o != "symbol" ? o + "" : o, t), t);
|
|
4
|
-
import f, { event as n } from "./wje-element.js";
|
|
5
|
-
const b = '.native-tooltip{display:flex;align-items:center;padding:var(--wje-tooltip-spacing);color:var(--wje-tooltip-color);background-color:var(--wje-tooltip-background);font-weight:var(--wje-tooltip-font-weight);font-size:var(--wje-tooltip-font-size);border-radius:var(--wje-tooltip-border-radius);line-height:var(--wje-tooltip-line-height);box-sizing:border-box;box-shadow:var(--wje-tooltip-shadow)}::slotted([slot="start"]){margin:0 .3rem 0 0}::slotted([slot="end"]){margin:0 0 0 .3rem}.arrow{position:absolute;width:10px;height:10px;background:var(--wje-tooltip-arrow-color);transform:rotate(45deg)}';
|
|
6
|
-
class m extends f {
|
|
7
|
-
/**
|
|
8
|
-
* @constructor
|
|
9
|
-
* @summary Tooltip constructor
|
|
10
|
-
*/
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
/**
|
|
14
|
-
* @summary Class name
|
|
15
|
-
* @type {string}
|
|
16
|
-
*/
|
|
17
|
-
a(this, "className", "Tooltip");
|
|
18
|
-
/**
|
|
19
|
-
* @summary Show tooltip
|
|
20
|
-
*/
|
|
21
|
-
a(this, "onShow", () => {
|
|
22
|
-
var t;
|
|
23
|
-
this.classList.add("active"), !((t = this.querySelector("wje-dropdown")) != null && t.classList.contains("active")) && Promise.resolve(this.beforeShow(this)).then((e) => {
|
|
24
|
-
if (!this.classList.contains("active") || !e || typeof e != "string")
|
|
25
|
-
throw new Error("beforeShow method returned false or not string");
|
|
26
|
-
this.native.innerHTML = e, this.popup.show(), Promise.resolve(this.afterShow(this));
|
|
27
|
-
}).catch((e) => {
|
|
28
|
-
this.classList.remove("active"), this.popup.hide();
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
/**
|
|
32
|
-
* @summary Hide tooltip
|
|
33
|
-
*/
|
|
34
|
-
a(this, "onHide", () => {
|
|
35
|
-
this.classList.remove("active"), this.popup.hide();
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
set content(t) {
|
|
39
|
-
this.setAttribute("content", t);
|
|
40
|
-
}
|
|
41
|
-
get content() {
|
|
42
|
-
return this.hasAttribute("content") ? this.getAttribute("content") : "";
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* @summary Get CSS stylesheet
|
|
46
|
-
* @static
|
|
47
|
-
* @returns {Object} styles
|
|
48
|
-
*/
|
|
49
|
-
static get cssStyleSheet() {
|
|
50
|
-
return b;
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* @summary Get observed attributes
|
|
54
|
-
* @static
|
|
55
|
-
* @returns {Array} An array of observed attributes
|
|
56
|
-
*/
|
|
57
|
-
static get observedAttributes() {
|
|
58
|
-
return ["active"];
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* @summary Setup attributes
|
|
62
|
-
*/
|
|
63
|
-
setupAttributes() {
|
|
64
|
-
this.isShadowRoot = "open";
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* @summary Draw method
|
|
68
|
-
* @param {Object} context - The context
|
|
69
|
-
* @param {Object} store - The store
|
|
70
|
-
* @param {Object} params - The parameters
|
|
71
|
-
* @returns {Object} Document fragment
|
|
72
|
-
*/
|
|
73
|
-
draw(t, e, g) {
|
|
74
|
-
let c = document.createDocumentFragment(), r = document.createElement("wje-popup");
|
|
75
|
-
r.setAttribute("placement", this.placement || "top"), r.setAttribute("offset", this.offset || "0");
|
|
76
|
-
let l = document.createElement("slot");
|
|
77
|
-
l.setAttribute("slot", "anchor");
|
|
78
|
-
let d = document.createElement("div");
|
|
79
|
-
d.classList.add("arrow"), d.setAttribute("slot", "arrow");
|
|
80
|
-
let h = document.createElement("slot");
|
|
81
|
-
h.setAttribute("name", "start");
|
|
82
|
-
let p = document.createElement("slot");
|
|
83
|
-
p.setAttribute("name", "end");
|
|
84
|
-
let u = document.createElement("div");
|
|
85
|
-
u.innerHTML = this.content;
|
|
86
|
-
let i = document.createElement("div");
|
|
87
|
-
return i.setAttribute("part", "native"), i.classList.add("native-tooltip"), i.appendChild(h), i.appendChild(u), i.appendChild(p), r.appendChild(l), r.appendChild(d), r.appendChild(i), this.mySlot = l, this.popup = r, this.native = i, c.appendChild(r), c;
|
|
88
|
-
}
|
|
89
|
-
/**
|
|
90
|
-
* @summary After draw method
|
|
91
|
-
*/
|
|
92
|
-
afterDraw() {
|
|
93
|
-
let t = this.mySlot.assignedElements()[0];
|
|
94
|
-
this.selector && (t = this.checkSelector(t)), t && (n.addListener(t, "mouseenter", null, this.onShow), n.addListener(t, "mouseleave", null, this.onHide), n.addListener(this, "wje-dropdown:open", null, this.onHide), n.addListener(this, "wje-dropdown:close", null, this.onShow));
|
|
95
|
-
}
|
|
96
|
-
dispatch(t) {
|
|
97
|
-
return new Promise((e) => {
|
|
98
|
-
n.dispatchCustomEvent(this, t, {
|
|
99
|
-
resolve: e
|
|
100
|
-
});
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
beforeShow() {
|
|
104
|
-
return this.native.innerHTML;
|
|
105
|
-
}
|
|
106
|
-
afterShow() {
|
|
107
|
-
}
|
|
108
|
-
checkSelector(t) {
|
|
109
|
-
const e = t.querySelector(this.selector);
|
|
110
|
-
return e === null && console.error("Selector not found:", this.selector), e;
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
m.define("wje-tooltip", m);
|
|
114
|
-
export {
|
|
115
|
-
m as default
|
|
116
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
var a = Object.defineProperty;
|
|
2
|
-
var p = (e, t, n) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
|
|
3
|
-
var i = (e, t, n) => (p(e, typeof t != "symbol" ? t + "" : t, n), n);
|
|
4
|
-
import d from "./wje-element.js";
|
|
5
|
-
const l = ":host(:not(:focus-within)){position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:none!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important}";
|
|
6
|
-
class r extends d {
|
|
7
|
-
/**
|
|
8
|
-
* @constructor
|
|
9
|
-
* @summary VisuallyHidden constructor
|
|
10
|
-
*/
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
/**
|
|
14
|
-
* @summary Class name
|
|
15
|
-
* @type {string}
|
|
16
|
-
*/
|
|
17
|
-
i(this, "className", "VisuallyHidden");
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* @summary Get CSS stylesheet
|
|
21
|
-
* @static
|
|
22
|
-
* @returns {Object} styles
|
|
23
|
-
*/
|
|
24
|
-
static get cssStyleSheet() {
|
|
25
|
-
return l;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* @summary Get observed attributes
|
|
29
|
-
* @static
|
|
30
|
-
* @returns {Array} An empty array
|
|
31
|
-
*/
|
|
32
|
-
static get observedAttributes() {
|
|
33
|
-
return [];
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* @summary Setup attributes
|
|
37
|
-
*/
|
|
38
|
-
setupAttributes() {
|
|
39
|
-
this.isShadowRoot = "open";
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* @summary Draw method
|
|
43
|
-
* @param {Object} context - The context
|
|
44
|
-
* @param {Object} store - The store
|
|
45
|
-
* @param {Object} params - The parameters
|
|
46
|
-
* @returns {Object} Document fragment
|
|
47
|
-
*/
|
|
48
|
-
draw(n, m, c) {
|
|
49
|
-
let o = document.createDocumentFragment(), s = document.createElement("slot");
|
|
50
|
-
return o.appendChild(s), o;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
r.define("wje-visually-hidden", r);
|
|
54
|
-
export {
|
|
55
|
-
r as default
|
|
56
|
-
};
|