wj-elements 0.1.128 → 0.1.130
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/README.md +8 -4
- package/dist/assets/tags.json +3252 -22012
- package/dist/dark.css +211 -203
- package/dist/{infinite-scroll.element-DcO1E5Es.js → infinite-scroll.element-BmojLp3Z.js} +54 -44
- package/dist/light.css +511 -496
- package/dist/{list.element-TZXMx1rt.js → list.element-Ce1vIm1O.js} +3 -9
- package/dist/localize.js +4 -4
- package/dist/{popup.element-l8v-dMoK.js → popup.element-4DNn6DjX.js} +44 -53
- package/dist/{router-links-I2vcmVCs.js → router-links-CJnOdbas.js} +30 -77
- package/dist/styles.css +485 -473
- package/dist/wje-accordion-item.js +13 -11
- package/dist/wje-accordion.js +51 -14
- package/dist/wje-animation.js +149 -25
- package/dist/wje-aside.js +7 -12
- package/dist/wje-avatar.js +12 -15
- package/dist/wje-badge.js +24 -19
- package/dist/wje-breadcrumb.js +36 -44
- package/dist/wje-breadcrumbs.js +84 -27
- package/dist/wje-button-group.js +17 -23
- package/dist/wje-button.js +117 -66
- package/dist/wje-card-content.js +10 -13
- package/dist/wje-card-controls.js +10 -13
- package/dist/wje-card-header.js +5 -9
- package/dist/wje-card-subtitle.js +5 -8
- package/dist/wje-card-title.js +5 -8
- package/dist/wje-card.js +13 -14
- package/dist/wje-carousel-item.js +26 -1
- package/dist/wje-carousel.js +141 -24
- package/dist/wje-checkbox.js +300 -51
- package/dist/wje-chip.js +31 -12
- package/dist/wje-col.js +11 -15
- package/dist/wje-color-picker.js +92 -64
- package/dist/wje-container.js +6 -10
- package/dist/wje-copy-button.js +14 -18
- package/dist/wje-dialog.js +89 -5
- package/dist/wje-divider.js +2 -5
- package/dist/wje-dropdown.js +57 -24
- package/dist/wje-element.js +393 -218
- package/dist/wje-fetchAndParseCSS.js +2 -1
- package/dist/wje-file-upload-item.js +12 -19
- package/dist/wje-file-upload.js +117 -68
- package/dist/wje-footer.js +3 -10
- package/dist/wje-form.js +23 -1
- package/dist/wje-format-digital.js +5 -13
- package/dist/wje-grid.js +24 -3
- package/dist/wje-header.js +3 -10
- package/dist/wje-icon-picker.js +15 -31
- package/dist/wje-icon.js +10 -10
- package/dist/wje-img-comparer.js +8 -18
- package/dist/wje-img.js +5 -11
- package/dist/wje-infinite-scroll.js +1 -1
- package/dist/wje-input-file.js +20 -17
- package/dist/wje-input.js +51 -62
- package/dist/wje-item.js +31 -4
- package/dist/wje-kanban.js +37 -53
- package/dist/wje-label.js +4 -21
- package/dist/wje-list.js +1 -1
- package/dist/wje-main.js +4 -11
- package/dist/wje-masonry.js +21 -26
- package/dist/wje-master.js +201 -348
- package/dist/wje-menu-button.js +5 -13
- package/dist/wje-menu-item.js +211 -30
- package/dist/wje-menu-label.js +4 -11
- package/dist/wje-menu.js +6 -15
- package/dist/wje-option.js +19 -26
- package/dist/wje-options.js +148 -48
- package/dist/wje-orgchart-group.js +10 -17
- package/dist/wje-orgchart-item.js +13 -157
- package/dist/wje-orgchart.js +4 -10
- package/dist/wje-popup.js +1 -1
- package/dist/wje-progress-bar.js +17 -27
- package/dist/wje-qr-code.js +29 -13
- package/dist/wje-radio-group.js +21 -43
- package/dist/wje-radio.js +46 -8
- package/dist/wje-rate.js +38 -58
- package/dist/wje-relative-time.js +51 -43
- package/dist/wje-reorder-dropzone.js +20 -2
- package/dist/wje-reorder-handle.js +62 -3
- package/dist/wje-reorder-item.js +20 -2
- package/dist/wje-reorder.js +93 -36
- package/dist/wje-route.js +3 -9
- package/dist/wje-router-link.js +10 -14
- package/dist/wje-router-outlet.js +35 -37
- package/dist/wje-routerx.js +231 -338
- package/dist/wje-row.js +8 -20
- package/dist/wje-select.js +80 -104
- package/dist/wje-slider.js +17 -33
- package/dist/wje-sliding-container.js +127 -55
- package/dist/wje-split-view.js +15 -21
- package/dist/wje-status.js +9 -13
- package/dist/wje-step.js +18 -0
- package/dist/wje-stepper.js +65 -4734
- package/dist/wje-store.js +193 -90
- package/dist/wje-tab-group.js +7 -16
- package/dist/wje-tab-panel.js +4 -13
- package/dist/wje-tab.js +6 -14
- package/dist/wje-textarea.js +128 -42
- package/dist/wje-thumbnail.js +10 -23
- package/dist/wje-toast.js +38 -74
- package/dist/wje-toggle.js +24 -29
- package/dist/wje-toolbar-action.js +11 -15
- package/dist/wje-toolbar.js +11 -16
- package/dist/wje-tooltip.js +35 -23
- package/dist/wje-visually-hidden.js +10 -14
- package/package.json +22 -4
package/dist/wje-status.js
CHANGED
|
@@ -2,42 +2,38 @@ var __defProp = Object.defineProperty;
|
|
|
2
2
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
3
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
4
|
import WJElement from "./wje-element.js";
|
|
5
|
-
const styles =
|
|
5
|
+
const styles = "/*\n[ WJ Status ]\n*/\n\n.native-status {\n display: flex;\n align-items: center;\n}\n\n.bullet {\n width: var(--wje-status-size);\n height: var(--wje-status-size);\n display: flex;\n align-items: center;\n justify-content: center;\n border-width: 1px;\n border-style: solid;\n border-color: transparent;\n border-radius: var(--wje-border-radius-circle);\n}\n\n:host ::slotted([slot='start']) {\n margin-right: var(--wje-spacing-x-small);\n}\n\n:host ::slotted([slot='end']) {\n margin-left: var(--wje-spacing-x-small);\n}\n\n/* Size */\n:host([size='small']) {\n --wje-status-size: var(--wje-size-small);\n}\n\n:host([size='medium']) {\n --wje-status-size: var(--wje-size);\n}\n\n:host([size='large']) {\n --wje-status-size: var(--wje-size-large);\n}\n\n/* Color */\n:host([color='primary']) .bullet {\n background-color: var(--wje-color-primary-9);\n color: var(--wje-color-contrast-0);\n}\n\n:host([color='complete']) .bullet {\n background-color: var(--wje-color-complete-9);\n color: var(--wje-color-contrast-0);\n}\n\n:host([color='success']) .bullet {\n background-color: var(--wje-color-success-9);\n color: var(--wje-color-contrast-0);\n}\n\n:host([color='warning']) .bullet {\n background-color: var(--wje-color-warning-9);\n color: var(--wje-color-contrast-11);\n}\n\n:host([color='danger']) .bullet {\n background-color: var(--wje-color-danger-9);\n color: var(--wje-color-contrast-0);\n}\n\n:host([color='contrast']) .bullet {\n background-color: var(--wje-color-contrast-2);\n color: var(--wje-color-contrast-11);\n}\n\n:host([color='contrast-reverse']) .bullet {\n background-color: var(--wje-color-contrast-11);\n color: var(--wje-color-contrast-0);\n}\n\n/* Border */\n:host([border='primary']) .bullet {\n border-color: var(--wje-color-primary-9);\n}\n\n:host([border='complete']) .bullet {\n border-color: var(--wje-color-complete-9);\n}\n\n:host([border='success']) .bullet {\n border-color: var(--wje-color-success-9);\n}\n\n:host([border='warning']) .bullet {\n border-color: var(--wje-color-warning-9);\n}\n\n:host([border='danger']) .bullet {\n border-color: var(--wje-color-danger-9);\n}\n\n:host([border='contrast']) .bullet {\n border-color: var(--wje-color-contrast-2);\n}\n\n:host([border='contrast-reverse']) .bullet {\n border-color: var(--wje-color-contrast-11);\n}\n";
|
|
6
6
|
class Status extends WJElement {
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
* @constructor
|
|
8
|
+
* Creates an instance of Status.
|
|
10
9
|
*/
|
|
11
10
|
constructor() {
|
|
12
11
|
super();
|
|
13
12
|
/**
|
|
14
|
-
*
|
|
13
|
+
* The class name for the component.
|
|
15
14
|
* @type {string}
|
|
16
15
|
*/
|
|
17
16
|
__publicField(this, "className", "Status");
|
|
18
17
|
}
|
|
19
18
|
/**
|
|
20
|
-
*
|
|
19
|
+
* Returns the CSS stylesheet for the component.
|
|
21
20
|
* @static
|
|
22
|
-
* @returns {
|
|
21
|
+
* @returns {CSSStyleSheet} The CSS stylesheet
|
|
23
22
|
*/
|
|
24
23
|
static get cssStyleSheet() {
|
|
25
24
|
return styles;
|
|
26
25
|
}
|
|
27
26
|
/**
|
|
28
|
-
*
|
|
27
|
+
* Sets up the attributes for the component.
|
|
29
28
|
*/
|
|
30
29
|
setupAttributes() {
|
|
31
30
|
this.isShadowRoot = "open";
|
|
32
31
|
}
|
|
33
32
|
/**
|
|
34
|
-
*
|
|
35
|
-
* @
|
|
36
|
-
* @param {Object} store - The store
|
|
37
|
-
* @param {Object} params - The parameters
|
|
38
|
-
* @returns {Object} fragment - The document fragment
|
|
33
|
+
* Draws the component for the status.
|
|
34
|
+
* @returns {object} fragment - The document fragment
|
|
39
35
|
*/
|
|
40
|
-
draw(
|
|
36
|
+
draw() {
|
|
41
37
|
let fragment = document.createDocumentFragment();
|
|
42
38
|
let native = document.createElement("div");
|
|
43
39
|
native.setAttribute("part", "native");
|
package/dist/wje-step.js
CHANGED
|
@@ -4,16 +4,34 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
4
4
|
import WJElement from "./wje-element.js";
|
|
5
5
|
const styles = "";
|
|
6
6
|
class Step extends WJElement {
|
|
7
|
+
/**
|
|
8
|
+
* Creates an instance of Step.
|
|
9
|
+
*/
|
|
7
10
|
constructor() {
|
|
8
11
|
super();
|
|
12
|
+
/**
|
|
13
|
+
* The class name for the component.
|
|
14
|
+
* @type {string}
|
|
15
|
+
*/
|
|
9
16
|
__publicField(this, "className", "Step");
|
|
10
17
|
}
|
|
18
|
+
/**
|
|
19
|
+
* Returns the CSS stylesheet for the component.
|
|
20
|
+
* @returns {CSSStyleSheet} The CSS stylesheet.
|
|
21
|
+
*/
|
|
11
22
|
static get cssStyleSheet() {
|
|
12
23
|
return styles;
|
|
13
24
|
}
|
|
25
|
+
/**
|
|
26
|
+
* Sets up the attributes for the component.
|
|
27
|
+
*/
|
|
14
28
|
setupAttributes() {
|
|
15
29
|
this.isShadowRoot = "open";
|
|
16
30
|
}
|
|
31
|
+
/**
|
|
32
|
+
* Returns the list of observed attributes.
|
|
33
|
+
* @returns {DocumentFragment}
|
|
34
|
+
*/
|
|
17
35
|
draw() {
|
|
18
36
|
let fragment = document.createDocumentFragment();
|
|
19
37
|
let native = document.createElement("div");
|