wj-elements 0.2.0-alpha.9 → 0.3.0-alpha.2
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/animations.js.map +1 -1
- package/dist/base-path.js.map +1 -1
- package/dist/dark.css +15 -1
- package/dist/date.js.map +1 -1
- package/dist/element-utils.js.map +1 -1
- package/dist/event.js.map +1 -1
- package/dist/{form-associated-element-o0UjvdUp.js → form-associated-element-DEQ4y-jn.js} +1 -2
- package/dist/form-associated-element-DEQ4y-jn.js.map +1 -0
- package/dist/{icon-DY5AZ6xM.js → icon-DVyMc4Wv.js} +36 -2
- package/dist/{icon-DY5AZ6xM.js.map → icon-DVyMc4Wv.js.map} +1 -1
- package/dist/light.css +7 -2
- package/dist/localize.js +8 -5
- package/dist/localize.js.map +1 -1
- package/dist/packages/internals/form-associated-element.d.ts +0 -1
- package/dist/packages/utils/utils.d.ts +16 -0
- package/dist/packages/wje-accordion-item/accordion-item.element.d.ts +3 -0
- package/dist/packages/wje-avatar/avatar.element.d.ts +5 -0
- package/dist/packages/wje-breadcrumb/breadcrumb.element.d.ts +1 -0
- package/dist/packages/wje-button/button.element.d.ts +5 -1
- package/dist/packages/wje-button-group/button-group.element.d.ts +4 -0
- package/dist/packages/wje-card/card.element.d.ts +15 -6
- package/dist/packages/wje-carousel/carousel.element.d.ts +4 -0
- package/dist/packages/wje-checkbox/checkbox.element.d.ts +14 -0
- package/dist/packages/wje-chip/chip.element.d.ts +6 -0
- package/dist/packages/wje-color-picker/color-picker.element.d.ts +43 -1
- package/dist/packages/wje-copy-button/copy-button.element.d.ts +4 -0
- package/dist/packages/wje-dialog/dialog.element.d.ts +2 -0
- package/dist/packages/wje-dropdown/dropdown.element.d.ts +7 -0
- package/dist/packages/wje-element/element.d.ts +55 -24
- package/dist/packages/wje-file-upload/file-upload.element.d.ts +17 -6
- package/dist/packages/wje-file-upload/service/service.d.ts +0 -23
- package/dist/packages/wje-file-upload-item/file-upload-item.element.d.ts +5 -0
- package/dist/packages/wje-format-digital/format-digital.element.d.ts +2 -0
- package/dist/packages/wje-icon/icon.element.d.ts +11 -0
- package/dist/packages/wje-icon-picker/icon-picker.element.d.ts +4 -0
- package/dist/packages/wje-img/img.element.d.ts +1 -0
- package/dist/packages/wje-infinite-scroll/infinite-scroll.element.d.ts +4 -0
- package/dist/packages/wje-input/input.element.d.ts +9 -1
- package/dist/packages/wje-item/item.element.d.ts +8 -0
- package/dist/packages/wje-kanban/kanban.element.d.ts +4 -0
- package/dist/packages/wje-level-indicator/level-indicator.element.d.ts +17 -0
- package/dist/packages/wje-list/list.element.d.ts +4 -0
- package/dist/packages/wje-menu-item/menu-item.element.d.ts +4 -0
- package/dist/packages/wje-option/option.element.d.ts +4 -0
- package/dist/packages/wje-options/options.element.d.ts +4 -0
- package/dist/packages/wje-orgchart/orgchart.element.d.ts +4 -0
- package/dist/packages/wje-progress-bar/progress-bar.element.d.ts +11 -0
- package/dist/packages/wje-qr-code/qr-code.element.d.ts +63 -0
- package/dist/packages/wje-radio/radio.element.d.ts +5 -0
- package/dist/packages/wje-radio-group/radio-group.element.d.ts +16 -1
- package/dist/packages/wje-rate/rate.element.d.ts +4 -0
- package/dist/packages/wje-relative-time/relative-time.element.d.ts +2 -0
- package/dist/packages/wje-reorder/reorder.element.d.ts +4 -0
- package/dist/packages/wje-reorder-handle/reorder-handle.element.d.ts +4 -0
- package/dist/packages/wje-select/select.element.d.ts +7 -0
- package/dist/packages/wje-slider/slider.element.d.ts +5 -0
- package/dist/packages/wje-sliding-container/sliding-container.element.d.ts +4 -0
- package/dist/packages/wje-split-view/split-view.element.d.ts +1 -0
- package/dist/packages/wje-stepper/stepper.element.d.ts +1 -0
- package/dist/packages/wje-tab/tab.element.d.ts +10 -0
- package/dist/packages/wje-tab-group/tab-group.element.d.ts +11 -0
- package/dist/packages/wje-textarea/textarea.element.d.ts +20 -1
- package/dist/packages/wje-thumbnail/thumbnail.element.d.ts +4 -0
- package/dist/packages/wje-timeline/timeline.element.d.ts +4 -0
- package/dist/packages/wje-toggle/toggle.element.d.ts +4 -0
- package/dist/packages/wje-toolbar/toolbar.element.d.ts +4 -0
- package/dist/packages/wje-tooltip/tooltip.element.d.ts +3 -0
- package/dist/packages/wje-tree/tree.element.d.ts +4 -0
- package/dist/packages/wje-tree-item/tree-item.element.d.ts +5 -0
- package/dist/permissions.js.map +1 -1
- package/dist/{popup.element-DeajFyOQ.js → popup.element-DklicGea.js} +130 -97
- package/dist/popup.element-DklicGea.js.map +1 -0
- package/dist/{router-links-CJnOdbas.js → router-links-wjqCnncc.js} +9 -3
- package/dist/router-links-wjqCnncc.js.map +1 -0
- package/dist/skeleton.css +197 -0
- package/dist/universal-service.js.map +1 -1
- package/dist/utils.js +18 -1
- package/dist/utils.js.map +1 -1
- package/dist/wje-accordion-item.js +26 -4
- package/dist/wje-accordion-item.js.map +1 -1
- package/dist/wje-accordion.js +1 -0
- package/dist/wje-accordion.js.map +1 -1
- package/dist/wje-animation.js +1 -0
- package/dist/wje-animation.js.map +1 -1
- package/dist/wje-aside.js.map +1 -1
- package/dist/wje-avatar.js +18 -0
- package/dist/wje-avatar.js.map +1 -1
- package/dist/wje-badge.js +1 -0
- package/dist/wje-badge.js.map +1 -1
- package/dist/wje-breadcrumb.js +13 -1
- package/dist/wje-breadcrumb.js.map +1 -1
- package/dist/wje-breadcrumbs.js +1 -0
- package/dist/wje-breadcrumbs.js.map +1 -1
- package/dist/wje-button-group.js +10 -0
- package/dist/wje-button-group.js.map +1 -1
- package/dist/wje-button.js +30 -6
- package/dist/wje-button.js.map +1 -1
- package/dist/wje-card-content.js.map +1 -1
- package/dist/wje-card-controls.js.map +1 -1
- package/dist/wje-card-header.js.map +1 -1
- package/dist/wje-card-subtitle.js.map +1 -1
- package/dist/wje-card-title.js.map +1 -1
- package/dist/wje-card.js +37 -0
- package/dist/wje-card.js.map +1 -1
- package/dist/wje-carousel-item.js.map +1 -1
- package/dist/wje-carousel.js +38 -4
- package/dist/wje-carousel.js.map +1 -1
- package/dist/wje-checkbox.js +48 -3
- package/dist/wje-checkbox.js.map +1 -1
- package/dist/wje-chip.js +22 -0
- package/dist/wje-chip.js.map +1 -1
- package/dist/wje-col.js.map +1 -1
- package/dist/wje-color-picker.js +145 -31
- package/dist/wje-color-picker.js.map +1 -1
- package/dist/wje-container.js.map +1 -1
- package/dist/wje-copy-button.js +21 -0
- package/dist/wje-copy-button.js.map +1 -1
- package/dist/wje-dialog.js +35 -2
- package/dist/wje-dialog.js.map +1 -1
- package/dist/wje-divider.js.map +1 -1
- package/dist/wje-dropdown.js +27 -3
- package/dist/wje-dropdown.js.map +1 -1
- package/dist/wje-element.js +87 -242
- package/dist/wje-element.js.map +1 -1
- package/dist/wje-file-upload-item.js +23 -1
- package/dist/wje-file-upload-item.js.map +1 -1
- package/dist/wje-file-upload.js +100 -77
- package/dist/wje-file-upload.js.map +1 -1
- package/dist/wje-footer.js.map +1 -1
- package/dist/wje-form.js.map +1 -1
- package/dist/wje-format-digital.js +9 -0
- package/dist/wje-format-digital.js.map +1 -1
- package/dist/wje-grid.js.map +1 -1
- package/dist/wje-header.js.map +1 -1
- package/dist/wje-icon-library.js.map +1 -1
- package/dist/wje-icon-picker.js +15 -0
- package/dist/wje-icon-picker.js.map +1 -1
- package/dist/wje-icon.js +1 -1
- package/dist/wje-img-comparer.js +5 -1
- package/dist/wje-img-comparer.js.map +1 -1
- package/dist/wje-img.js +16 -1
- package/dist/wje-img.js.map +1 -1
- package/dist/wje-infinite-scroll.js +10 -0
- package/dist/wje-infinite-scroll.js.map +1 -1
- package/dist/wje-input-file.js +2 -0
- package/dist/wje-input-file.js.map +1 -1
- package/dist/wje-input.js +59 -4
- package/dist/wje-input.js.map +1 -1
- package/dist/wje-item.js +14 -0
- package/dist/wje-item.js.map +1 -1
- package/dist/wje-kanban.js +14 -0
- package/dist/wje-kanban.js.map +1 -1
- package/dist/wje-label.js.map +1 -1
- package/dist/wje-level-indicator.js +36 -0
- package/dist/wje-level-indicator.js.map +1 -1
- package/dist/wje-list.js +10 -0
- package/dist/wje-list.js.map +1 -1
- package/dist/wje-main.js.map +1 -1
- package/dist/wje-masonry.js.map +1 -1
- package/dist/wje-master.js +12 -3
- package/dist/wje-master.js.map +1 -1
- package/dist/wje-menu-button.js +1 -0
- package/dist/wje-menu-button.js.map +1 -1
- package/dist/wje-menu-item.js +25 -1
- package/dist/wje-menu-item.js.map +1 -1
- package/dist/wje-menu-label.js.map +1 -1
- package/dist/wje-menu.js +4 -1
- package/dist/wje-menu.js.map +1 -1
- package/dist/wje-option.js +14 -1
- package/dist/wje-option.js.map +1 -1
- package/dist/wje-options.js +13 -0
- package/dist/wje-options.js.map +1 -1
- package/dist/wje-orgchart-group.js.map +1 -1
- package/dist/wje-orgchart-item.js.map +1 -1
- package/dist/wje-orgchart.js +9 -0
- package/dist/wje-orgchart.js.map +1 -1
- package/dist/wje-pagination.js +18 -9
- package/dist/wje-pagination.js.map +1 -1
- package/dist/wje-popup.js +1 -1
- package/dist/wje-progress-bar.js +26 -0
- package/dist/wje-progress-bar.js.map +1 -1
- package/dist/wje-qr-code.js +162 -20
- package/dist/wje-qr-code.js.map +1 -1
- package/dist/wje-radio-group.js +49 -2
- package/dist/wje-radio-group.js.map +1 -1
- package/dist/wje-radio.js +27 -1
- package/dist/wje-radio.js.map +1 -1
- package/dist/wje-rate.js +23 -1
- package/dist/wje-rate.js.map +1 -1
- package/dist/wje-relative-time.js +14 -1
- package/dist/wje-relative-time.js.map +1 -1
- package/dist/wje-reorder-dropzone.js.map +1 -1
- package/dist/wje-reorder-handle.js +21 -0
- package/dist/wje-reorder-handle.js.map +1 -1
- package/dist/wje-reorder-item.js.map +1 -1
- package/dist/wje-reorder.js +10 -0
- package/dist/wje-reorder.js.map +1 -1
- package/dist/wje-route.js.map +1 -1
- package/dist/wje-router-link.js +1 -1
- package/dist/wje-router-link.js.map +1 -1
- package/dist/wje-router-outlet.js +15 -5
- package/dist/wje-router-outlet.js.map +1 -1
- package/dist/wje-routerx.js +64 -66
- package/dist/wje-routerx.js.map +1 -1
- package/dist/wje-row.js.map +1 -1
- package/dist/wje-select.js +35 -5
- package/dist/wje-select.js.map +1 -1
- package/dist/wje-slider.js +51 -1
- package/dist/wje-slider.js.map +1 -1
- package/dist/wje-sliding-container.js +18 -0
- package/dist/wje-sliding-container.js.map +1 -1
- package/dist/wje-split-view.js +9 -0
- package/dist/wje-split-view.js.map +1 -1
- package/dist/wje-status.js +1 -0
- package/dist/wje-status.js.map +1 -1
- package/dist/wje-step.js.map +1 -1
- package/dist/wje-stepper.js +24 -1
- package/dist/wje-stepper.js.map +1 -1
- package/dist/wje-store.js.map +1 -1
- package/dist/wje-tab-group.js +59 -2
- package/dist/wje-tab-group.js.map +1 -1
- package/dist/wje-tab-panel.js.map +1 -1
- package/dist/wje-tab.js +31 -1
- package/dist/wje-tab.js.map +1 -1
- package/dist/wje-textarea.js +96 -14
- package/dist/wje-textarea.js.map +1 -1
- package/dist/wje-thumbnail.js +19 -0
- package/dist/wje-thumbnail.js.map +1 -1
- package/dist/wje-toast.js +4 -0
- package/dist/wje-toast.js.map +1 -1
- package/dist/wje-toggle.js +17 -1
- package/dist/wje-toggle.js.map +1 -1
- package/dist/wje-toolbar-action.js.map +1 -1
- package/dist/wje-toolbar.js +14 -0
- package/dist/wje-toolbar.js.map +1 -1
- package/dist/wje-tooltip.js +31 -7
- package/dist/wje-tooltip.js.map +1 -1
- package/dist/wje-tree-item.js +41 -5
- package/dist/wje-tree-item.js.map +1 -1
- package/dist/wje-tree.js +12 -1
- package/dist/wje-tree.js.map +1 -1
- package/dist/wje-visually-hidden.js.map +1 -1
- package/package.json +22 -3
- package/dist/form-associated-element-o0UjvdUp.js.map +0 -1
- package/dist/packages/wje-accordion/accordion.test.d.ts +0 -0
- package/dist/packages/wje-animation/animation.test.d.ts +0 -1
- package/dist/packages/wje-avatar/avatar.test.d.ts +0 -1
- package/dist/packages/wje-badge/badge.test.d.ts +0 -1
- package/dist/packages/wje-breadcrumbs/breadcrumbs.test.d.ts +0 -1
- package/dist/packages/wje-button/button.test.d.ts +0 -1
- package/dist/packages/wje-chip/chip.test.d.ts +0 -1
- package/dist/packages/wje-color-picker/color-picker.test.d.ts +0 -1
- package/dist/packages/wje-file-upload/file-upload.test.d.ts +0 -1
- package/dist/packages/wje-format-digital/format-digital.test.d.ts +0 -1
- package/dist/packages/wje-pagination/pagination.test.d.ts +0 -1
- package/dist/packages/wje-relative-time/relative-time.test.d.ts +0 -1
- package/dist/packages/wje-select/select.test.d.ts +0 -1
- package/dist/packages/wje-tab-group/tab-group.test.d.ts +0 -1
- package/dist/packages/wje-toast/toast.test.d.ts +0 -1
- package/dist/packages/wje-toggle/toggle.test.d.ts +0 -1
- package/dist/packages/wje-tree/tree.test.d.ts +0 -1
- package/dist/packages/wje-tree-item/tree-item.test.d.ts +0 -1
- package/dist/popup.element-DeajFyOQ.js.map +0 -1
- package/dist/router-links-CJnOdbas.js.map +0 -1
|
@@ -100,6 +100,10 @@ export default class MenuItem extends WJElement {
|
|
|
100
100
|
*/
|
|
101
101
|
afterDraw(): void;
|
|
102
102
|
unbindRouterLinks: any;
|
|
103
|
+
/**
|
|
104
|
+
* Syncs ARIA attributes based on menu item state.
|
|
105
|
+
*/
|
|
106
|
+
syncAria(): void;
|
|
103
107
|
mouseenterHandler: (e: any) => void;
|
|
104
108
|
rebindRouterLinks: (e: any) => void;
|
|
105
109
|
unbindPortalRouterLinks: any;
|
|
@@ -85,6 +85,10 @@ export default class Option extends WJElement {
|
|
|
85
85
|
* @returns {void} Does not return a value.
|
|
86
86
|
*/
|
|
87
87
|
afterDraw(): void;
|
|
88
|
+
/**
|
|
89
|
+
* Syncs ARIA attributes on the host element.
|
|
90
|
+
*/
|
|
91
|
+
syncAria(): void;
|
|
88
92
|
/**
|
|
89
93
|
* Handles the click event on an option element and dispatches a custom event when triggered.
|
|
90
94
|
* @param {Event} e The click event object that triggered the callback.
|
|
@@ -177,6 +177,10 @@ export default class Options extends WJElement {
|
|
|
177
177
|
draw(): DocumentFragment;
|
|
178
178
|
infiniteScroll: HTMLElement;
|
|
179
179
|
response: any;
|
|
180
|
+
/**
|
|
181
|
+
* Syncs ARIA attributes on the host element.
|
|
182
|
+
*/
|
|
183
|
+
syncAria(): void;
|
|
180
184
|
afterDraw(): void;
|
|
181
185
|
dispatchOptionsLoadEvent: (e: any) => void;
|
|
182
186
|
/**
|
|
@@ -71,6 +71,17 @@ export default class ProgressBar extends WJElement {
|
|
|
71
71
|
draw(context: object, store: object, params: object): DocumentFragment;
|
|
72
72
|
background: SVGCircleElement | SVGRectElement;
|
|
73
73
|
bar: SVGCircleElement | SVGRectElement;
|
|
74
|
+
/**
|
|
75
|
+
* Handles attribute changes for ARIA sync.
|
|
76
|
+
* @param {string} name
|
|
77
|
+
* @param {string|null} oldValue
|
|
78
|
+
* @param {string|null} newValue
|
|
79
|
+
*/
|
|
80
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
81
|
+
/**
|
|
82
|
+
* Sync ARIA attributes on host.
|
|
83
|
+
*/
|
|
84
|
+
syncAria(): void;
|
|
74
85
|
/**
|
|
75
86
|
* Adds event listeners after the component is drawn.
|
|
76
87
|
*/
|
|
@@ -21,6 +21,56 @@ export default class QrCode extends WJElement {
|
|
|
21
21
|
* @returns {string[]} The list of observed attributes.
|
|
22
22
|
*/
|
|
23
23
|
static get observedAttributes(): string[];
|
|
24
|
+
/**
|
|
25
|
+
* Content encoded into the QR code.
|
|
26
|
+
* @type {string}
|
|
27
|
+
*/
|
|
28
|
+
set value(value: string);
|
|
29
|
+
get value(): string;
|
|
30
|
+
/**
|
|
31
|
+
* Background color of the QR code.
|
|
32
|
+
* @type {string|null}
|
|
33
|
+
*/
|
|
34
|
+
set background(value: string);
|
|
35
|
+
get background(): string;
|
|
36
|
+
/**
|
|
37
|
+
* Background alpha channel in range 0-1.
|
|
38
|
+
* Supports aliases: background-alpha, backgroundalpha, backgroundAlpha.
|
|
39
|
+
* @type {number|null}
|
|
40
|
+
*/
|
|
41
|
+
set backgroundAlpha(value: number);
|
|
42
|
+
get backgroundAlpha(): number;
|
|
43
|
+
/**
|
|
44
|
+
* Foreground color of the QR code.
|
|
45
|
+
* @type {string|null}
|
|
46
|
+
*/
|
|
47
|
+
set foreground(value: string);
|
|
48
|
+
get foreground(): string;
|
|
49
|
+
/**
|
|
50
|
+
* Foreground alpha channel in range 0-1.
|
|
51
|
+
* Supports aliases: foreground-alpha, foregroundalpha, foregroundAlpha.
|
|
52
|
+
* @type {number|null}
|
|
53
|
+
*/
|
|
54
|
+
set foregroundAlpha(value: number);
|
|
55
|
+
get foregroundAlpha(): number;
|
|
56
|
+
/**
|
|
57
|
+
* Error correction level. Accepted values: L, M, Q, H.
|
|
58
|
+
* @type {string|null}
|
|
59
|
+
*/
|
|
60
|
+
set level(value: string);
|
|
61
|
+
get level(): string;
|
|
62
|
+
/**
|
|
63
|
+
* Padding around the QR code in pixels.
|
|
64
|
+
* @type {number|null}
|
|
65
|
+
*/
|
|
66
|
+
set padding(value: number);
|
|
67
|
+
get padding(): number;
|
|
68
|
+
/**
|
|
69
|
+
* Output QR code size in pixels.
|
|
70
|
+
* @type {number|null}
|
|
71
|
+
*/
|
|
72
|
+
set size(value: number);
|
|
73
|
+
get size(): number;
|
|
24
74
|
/**
|
|
25
75
|
* Draws the QR code component.
|
|
26
76
|
* @returns {DocumentFragment} The document fragment containing the QR code component.
|
|
@@ -30,4 +80,17 @@ export default class QrCode extends WJElement {
|
|
|
30
80
|
* Called after the component is drawn to generate the QR code.
|
|
31
81
|
*/
|
|
32
82
|
afterDraw(): void;
|
|
83
|
+
qr: any;
|
|
84
|
+
/**
|
|
85
|
+
* Returns first defined attribute value from alias list.
|
|
86
|
+
* @param {string[]} aliases
|
|
87
|
+
* @returns {string|null}
|
|
88
|
+
*/
|
|
89
|
+
getAttributeFromAliases(aliases?: string[]): string | null;
|
|
90
|
+
/**
|
|
91
|
+
* Writes value to the canonical attribute and clears alternate aliases.
|
|
92
|
+
* @param {string} optionName
|
|
93
|
+
* @param {string|number|null|undefined} value
|
|
94
|
+
*/
|
|
95
|
+
setAliasedAttribute(optionName: string, value: string | number | null | undefined): void;
|
|
33
96
|
}
|
|
@@ -46,6 +46,7 @@ export default class Radio extends WJElement {
|
|
|
46
46
|
* @returns {boolean} true if the toggle is disabled, false otherwise
|
|
47
47
|
*/
|
|
48
48
|
get disabled(): boolean;
|
|
49
|
+
attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
|
|
49
50
|
/**
|
|
50
51
|
* Draws the radio button.
|
|
51
52
|
* @returns {DocumentFragment}
|
|
@@ -56,6 +57,10 @@ export default class Radio extends WJElement {
|
|
|
56
57
|
* Sets up the event listeners for the component.
|
|
57
58
|
*/
|
|
58
59
|
afterDraw(): void;
|
|
60
|
+
/**
|
|
61
|
+
* Syncs ARIA attributes on the host element.
|
|
62
|
+
*/
|
|
63
|
+
syncAria(): void;
|
|
59
64
|
/**
|
|
60
65
|
* Called when an attribute changes.
|
|
61
66
|
* @param {object} e
|
|
@@ -16,7 +16,7 @@ export default class RadioGroup extends FormAssociatedElement {
|
|
|
16
16
|
* @returns {CSSStyleSheet}
|
|
17
17
|
*/
|
|
18
18
|
static get cssStyleSheet(): CSSStyleSheet;
|
|
19
|
-
static get observedAttributes():
|
|
19
|
+
static get observedAttributes(): string[];
|
|
20
20
|
pristine: boolean;
|
|
21
21
|
/**
|
|
22
22
|
* Setter for the value attribute.
|
|
@@ -28,6 +28,17 @@ export default class RadioGroup extends FormAssociatedElement {
|
|
|
28
28
|
* @returns {string} The value of the attribute.
|
|
29
29
|
*/
|
|
30
30
|
get value(): string;
|
|
31
|
+
/**
|
|
32
|
+
* Setter for the label attribute.
|
|
33
|
+
* @param {string} value The label to set.
|
|
34
|
+
*/
|
|
35
|
+
set label(value: string);
|
|
36
|
+
/**
|
|
37
|
+
* Getter for the label attribute.
|
|
38
|
+
* @returns {string|null}
|
|
39
|
+
*/
|
|
40
|
+
get label(): string | null;
|
|
41
|
+
attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
|
|
31
42
|
/**
|
|
32
43
|
* Draws the component for the radio group.
|
|
33
44
|
* @returns {DocumentFragment}
|
|
@@ -38,6 +49,10 @@ export default class RadioGroup extends FormAssociatedElement {
|
|
|
38
49
|
* Adds event listeners after the component is drawn. Handles the selection of radio buttons.
|
|
39
50
|
*/
|
|
40
51
|
afterDraw(): void;
|
|
52
|
+
/**
|
|
53
|
+
* Syncs ARIA attributes on the host element.
|
|
54
|
+
*/
|
|
55
|
+
syncAria(): void;
|
|
41
56
|
/**
|
|
42
57
|
* Returns the radio button with the given value.
|
|
43
58
|
* @param {string} value The value of the radio button.
|
|
@@ -94,6 +94,10 @@ export default class Rate extends WJElement {
|
|
|
94
94
|
* Changes the rate of the rating component.
|
|
95
95
|
*/
|
|
96
96
|
changeRate(): void;
|
|
97
|
+
/**
|
|
98
|
+
* Sync ARIA attributes on host.
|
|
99
|
+
*/
|
|
100
|
+
syncAria(): void;
|
|
97
101
|
/**
|
|
98
102
|
* Event handler for the mouse enter event.
|
|
99
103
|
* @param {Event} e The event.
|
|
@@ -37,11 +37,13 @@ export default class RelativeTime extends WJElement {
|
|
|
37
37
|
* @returns {Date}
|
|
38
38
|
*/
|
|
39
39
|
get objectDate(): Date;
|
|
40
|
+
attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
|
|
40
41
|
/**
|
|
41
42
|
* Draws the component for the relative time.
|
|
42
43
|
* @returns {DocumentFragment}
|
|
43
44
|
*/
|
|
44
45
|
draw(): DocumentFragment;
|
|
46
|
+
native: HTMLDivElement;
|
|
45
47
|
/**
|
|
46
48
|
* Returns the relative time string for the given date.
|
|
47
49
|
*/
|
|
@@ -41,6 +41,10 @@ export default class Reorder extends WJElement {
|
|
|
41
41
|
* Adds event listeners after the component is drawn.
|
|
42
42
|
*/
|
|
43
43
|
afterDraw(): void;
|
|
44
|
+
/**
|
|
45
|
+
* Sync ARIA attributes on host.
|
|
46
|
+
*/
|
|
47
|
+
syncAria(): void;
|
|
44
48
|
/**
|
|
45
49
|
* Attaches event listeners to the element.
|
|
46
50
|
* @param element
|
|
@@ -29,6 +29,10 @@ export default class ReorderHandle extends WJElement {
|
|
|
29
29
|
* Draws the component after it is connected to the DOM.
|
|
30
30
|
*/
|
|
31
31
|
afterDraw(): void;
|
|
32
|
+
/**
|
|
33
|
+
* Sync ARIA attributes on host.
|
|
34
|
+
*/
|
|
35
|
+
syncAria(): void;
|
|
32
36
|
/**
|
|
33
37
|
* Handles the attribute changes.
|
|
34
38
|
* @param {DragEvent} e
|
|
@@ -9,6 +9,7 @@ import { default as Option } from '../wje-option/option.js';
|
|
|
9
9
|
import { default as Options } from '../wje-options/options.js';
|
|
10
10
|
import { default as Checkbox } from '../wje-checkbox/checkbox.js';
|
|
11
11
|
export class Select extends FormAssociatedElement {
|
|
12
|
+
static _instanceId: number;
|
|
12
13
|
/**
|
|
13
14
|
* Returns the CSS styles for the component.
|
|
14
15
|
* @static
|
|
@@ -81,6 +82,7 @@ export class Select extends FormAssociatedElement {
|
|
|
81
82
|
list: HTMLElement | null;
|
|
82
83
|
_value: any[];
|
|
83
84
|
_selectedOptions: any[];
|
|
85
|
+
_instanceId: number;
|
|
84
86
|
/**
|
|
85
87
|
* An object representing component dependencies with their respective classes.
|
|
86
88
|
* Each property in the object maps a custom component name (as a string key)
|
|
@@ -231,6 +233,7 @@ export class Select extends FormAssociatedElement {
|
|
|
231
233
|
* @returns {DocumentFragment}
|
|
232
234
|
*/
|
|
233
235
|
draw(): DocumentFragment;
|
|
236
|
+
_ariaListId: string;
|
|
234
237
|
findEl: HTMLElement;
|
|
235
238
|
displayInput: HTMLInputElement;
|
|
236
239
|
slotFooter: HTMLSlotElement;
|
|
@@ -384,5 +387,9 @@ export class Select extends FormAssociatedElement {
|
|
|
384
387
|
* @returns {void} No value is returned by this method.
|
|
385
388
|
*/
|
|
386
389
|
clearSelections(): void;
|
|
390
|
+
/**
|
|
391
|
+
* Syncs ARIA attributes on the host element.
|
|
392
|
+
*/
|
|
393
|
+
syncAria(): void;
|
|
387
394
|
#private;
|
|
388
395
|
}
|
|
@@ -57,6 +57,7 @@ export default class Slider extends WJElement {
|
|
|
57
57
|
* @returns {number} The step value of the slider.
|
|
58
58
|
*/
|
|
59
59
|
get step(): number;
|
|
60
|
+
attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
|
|
60
61
|
/**
|
|
61
62
|
* Draws the component for the slider.
|
|
62
63
|
* @returns {DocumentFragment}
|
|
@@ -77,6 +78,10 @@ export default class Slider extends WJElement {
|
|
|
77
78
|
* Sets the handle position of the slider.
|
|
78
79
|
*/
|
|
79
80
|
setHandlePosition: () => void;
|
|
81
|
+
/**
|
|
82
|
+
* Syncs ARIA attributes on the host element.
|
|
83
|
+
*/
|
|
84
|
+
syncAria(): void;
|
|
80
85
|
/**
|
|
81
86
|
* Updates the position and content of a bubble element based on the input value.
|
|
82
87
|
*
|
|
@@ -188,6 +188,10 @@ export default class SlidingContainer extends WJElement {
|
|
|
188
188
|
* Calls the checkForVariant method with the current variant.
|
|
189
189
|
*/
|
|
190
190
|
afterDraw(): void;
|
|
191
|
+
/**
|
|
192
|
+
* Sync ARIA attributes on host.
|
|
193
|
+
*/
|
|
194
|
+
syncAria(): void;
|
|
191
195
|
/**
|
|
192
196
|
* Creates and returns a styled close button element with an icon,
|
|
193
197
|
* including an event listener to trigger the close method.
|
|
@@ -20,6 +20,7 @@ export default class Stepper extends WJElement {
|
|
|
20
20
|
localizer: Localizer;
|
|
21
21
|
steps: any[];
|
|
22
22
|
headerSteps: any[];
|
|
23
|
+
_stepperId: number;
|
|
23
24
|
/**
|
|
24
25
|
* Sets the start index for an operation or a process. This method assigns
|
|
25
26
|
* the provided value to the attribute 'start-index'.
|
|
@@ -57,10 +57,20 @@ export default class Tab extends WJElement {
|
|
|
57
57
|
* @returns {DocumentFragment}
|
|
58
58
|
*/
|
|
59
59
|
draw(): DocumentFragment;
|
|
60
|
+
slotEl: HTMLSlotElement;
|
|
60
61
|
/**
|
|
61
62
|
* Sets up event listeners after the component is rendered.
|
|
62
63
|
* // @fires wje-tab:change - Dispatched when the component is clicked, indicating a tab change.
|
|
63
64
|
*/
|
|
64
65
|
afterDraw(): void;
|
|
65
66
|
unbindRouterLinks: any;
|
|
67
|
+
/**
|
|
68
|
+
* Sync aria-label on host based on slotted text when not provided.
|
|
69
|
+
*/
|
|
70
|
+
syncAriaLabel(): void;
|
|
71
|
+
/**
|
|
72
|
+
* Sets the roving tabindex on the internal focusable anchor.
|
|
73
|
+
* @param {number} value
|
|
74
|
+
*/
|
|
75
|
+
setRovingTabIndex(value: number): void;
|
|
66
76
|
}
|
|
@@ -12,12 +12,14 @@ import { default as WJElement } from '../wje-element/element.js';
|
|
|
12
12
|
* @tag wje-tab-group
|
|
13
13
|
*/
|
|
14
14
|
export default class TabGroup extends WJElement {
|
|
15
|
+
static _instanceId: number;
|
|
15
16
|
/**
|
|
16
17
|
* Returns the CSS styles for the component.
|
|
17
18
|
* @static
|
|
18
19
|
* @returns {CSSStyleSheet}
|
|
19
20
|
*/
|
|
20
21
|
static get cssStyleSheet(): CSSStyleSheet;
|
|
22
|
+
_instanceId: number;
|
|
21
23
|
_lastNavWidth: any;
|
|
22
24
|
_initialized: boolean;
|
|
23
25
|
/**
|
|
@@ -90,6 +92,11 @@ export default class TabGroup extends WJElement {
|
|
|
90
92
|
* @returns {Array<Element>} An array of all tabs.
|
|
91
93
|
*/
|
|
92
94
|
getTabAll(): Array<Element>;
|
|
95
|
+
/**
|
|
96
|
+
* Returns all tabs, including those moved to "more".
|
|
97
|
+
* @returns {Array<Element>} An array of all tabs.
|
|
98
|
+
*/
|
|
99
|
+
getAllTabs(): Array<Element>;
|
|
93
100
|
/**
|
|
94
101
|
* Returns all panels.
|
|
95
102
|
* @returns {Array<Element>} An array of all panels.
|
|
@@ -128,4 +135,8 @@ export default class TabGroup extends WJElement {
|
|
|
128
135
|
* @returns {void} This method does not return any value.
|
|
129
136
|
*/
|
|
130
137
|
dropdownActive(el: HTMLElement): void;
|
|
138
|
+
/**
|
|
139
|
+
* Syncs ARIA attributes on tabs and panels.
|
|
140
|
+
*/
|
|
141
|
+
syncAria(): void;
|
|
131
142
|
}
|
|
@@ -23,6 +23,7 @@ import { FormAssociatedElement } from '../internals/form-associated-element.js';
|
|
|
23
23
|
* @tag wje-textarea
|
|
24
24
|
*/
|
|
25
25
|
export default class Textarea extends FormAssociatedElement {
|
|
26
|
+
static _instanceId: number;
|
|
26
27
|
/**
|
|
27
28
|
* Returns the CSS styles for the component.
|
|
28
29
|
* @static
|
|
@@ -36,6 +37,7 @@ export default class Textarea extends FormAssociatedElement {
|
|
|
36
37
|
*/
|
|
37
38
|
static get observedAttributes(): Array<string>;
|
|
38
39
|
pristine: boolean;
|
|
40
|
+
_instanceId: number;
|
|
39
41
|
/**
|
|
40
42
|
* Setter for the value attribute.
|
|
41
43
|
* @param {string} value The value to set.
|
|
@@ -46,7 +48,18 @@ export default class Textarea extends FormAssociatedElement {
|
|
|
46
48
|
* @returns {string} The value of the attribute.
|
|
47
49
|
*/
|
|
48
50
|
get value(): string;
|
|
49
|
-
_value:
|
|
51
|
+
_value: any;
|
|
52
|
+
/**
|
|
53
|
+
* Sets the label attribute of the element.
|
|
54
|
+
* @param {string} value The value to set as the label attribute.
|
|
55
|
+
*/
|
|
56
|
+
set label(value: string);
|
|
57
|
+
/**
|
|
58
|
+
* Retrieves the value of the 'label' attribute if it exists.
|
|
59
|
+
* If the 'label' attribute is not set, it returns false.
|
|
60
|
+
* @returns {string|boolean} The value of the 'label' attribute as a string, or false if the attribute is not set.
|
|
61
|
+
*/
|
|
62
|
+
get label(): string | boolean;
|
|
50
63
|
/**
|
|
51
64
|
* Sets the `validateOnChange` property. If set to a truthy value, it adds the
|
|
52
65
|
* `validate-on-change` attribute to the element. If set to a falsy value, it
|
|
@@ -63,11 +76,13 @@ export default class Textarea extends FormAssociatedElement {
|
|
|
63
76
|
get validateOnChange(): boolean;
|
|
64
77
|
set placeholder(value: string);
|
|
65
78
|
get placeholder(): string;
|
|
79
|
+
attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
|
|
66
80
|
/**
|
|
67
81
|
* Draws the component for the textarea.
|
|
68
82
|
* @returns {DocumentFragment}
|
|
69
83
|
*/
|
|
70
84
|
draw(): DocumentFragment;
|
|
85
|
+
_ariaErrorId: string;
|
|
71
86
|
counterElement: HTMLDivElement;
|
|
72
87
|
native: HTMLDivElement;
|
|
73
88
|
labelElement: HTMLLabelElement;
|
|
@@ -77,6 +92,10 @@ export default class Textarea extends FormAssociatedElement {
|
|
|
77
92
|
*/
|
|
78
93
|
afterDraw(): void;
|
|
79
94
|
resizeObserver: ResizeObserver;
|
|
95
|
+
/**
|
|
96
|
+
* Syncs ARIA attributes on the host element.
|
|
97
|
+
*/
|
|
98
|
+
syncAria(): void;
|
|
80
99
|
/**
|
|
81
100
|
* Sets the height of the textarea.
|
|
82
101
|
*/
|
|
@@ -13,6 +13,7 @@ import { default as WJElement } from '../wje-element/element.js';
|
|
|
13
13
|
* @tag wje-tooltip
|
|
14
14
|
*/
|
|
15
15
|
export default class Tooltip extends WJElement {
|
|
16
|
+
static _instanceId: number;
|
|
16
17
|
/**
|
|
17
18
|
* Returns the CSS stylesheet for the component.
|
|
18
19
|
* @static
|
|
@@ -25,6 +26,7 @@ export default class Tooltip extends WJElement {
|
|
|
25
26
|
* @returns {Array} An array of observed attributes
|
|
26
27
|
*/
|
|
27
28
|
static get observedAttributes(): any[];
|
|
29
|
+
_instanceId: number;
|
|
28
30
|
/**
|
|
29
31
|
* Dependencies of the Button element.
|
|
30
32
|
* @type {object}
|
|
@@ -52,6 +54,7 @@ export default class Tooltip extends WJElement {
|
|
|
52
54
|
* Draws the component for the tooltip.
|
|
53
55
|
*/
|
|
54
56
|
afterDraw(): void;
|
|
57
|
+
onSlotChange: () => void;
|
|
55
58
|
dispatch(customEvent: any): Promise<any>;
|
|
56
59
|
beforeShow(): string;
|
|
57
60
|
afterShow(): boolean;
|
|
@@ -47,6 +47,10 @@ export default class Tree extends WJElement {
|
|
|
47
47
|
* @returns {void} This method does not return a value.
|
|
48
48
|
*/
|
|
49
49
|
afterDraw(): void;
|
|
50
|
+
/**
|
|
51
|
+
* Syncs ARIA attributes on the host element.
|
|
52
|
+
*/
|
|
53
|
+
syncAria(): void;
|
|
50
54
|
/**
|
|
51
55
|
* Handles the click event triggered by the user interaction.
|
|
52
56
|
* Identifies the closest tree item element to the event target and sets it
|
|
@@ -82,6 +82,7 @@ export default class TreeItem extends HTMLElement {
|
|
|
82
82
|
*/
|
|
83
83
|
setupAttributes(): void;
|
|
84
84
|
isShadowRoot: string;
|
|
85
|
+
connectedCallback(): void;
|
|
85
86
|
/**
|
|
86
87
|
* Handles updates when observed attributes of the element are changed.
|
|
87
88
|
* Updates the checkbox state based on changes to the "selected" or "indeterminate" attributes.
|
|
@@ -137,6 +138,10 @@ export default class TreeItem extends HTMLElement {
|
|
|
137
138
|
* @returns {void} Does not return a value.
|
|
138
139
|
*/
|
|
139
140
|
toggleChildren(): void;
|
|
141
|
+
/**
|
|
142
|
+
* Syncs ARIA attributes on the host element.
|
|
143
|
+
*/
|
|
144
|
+
syncAria(): void;
|
|
140
145
|
/**
|
|
141
146
|
* Retrieves the child items from the `childrenSlot` that match specific criteria.
|
|
142
147
|
* @param {object} [options] Configuration options.
|
package/dist/permissions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"permissions.js","sources":["../packages/utils/permissions.js"],"sourcesContent":["/**\n * PermissionsApi is a utility class for managing permissions.\n * It allows setting, retrieving, and checking permissions stored in the browser's local storage.\n */\nexport class Permissions {\n static _permissionKey = 'permissions';\n\n /**\n * Sets the permission key for the PermissionsApi.\n * The key is stored internally and defaults to 'permissions' if no value is provided.\n * @param {string} value The key to set for permissions. If no value is provided, the default is 'permissions'.\n */\n static set permissionKey(value) {\n Permissions._permissionKey = value || 'permissions';\n }\n\n /**\n * Retrieves the permission key used for accessing the permissions API.\n * @returns {string} The permission key associated with the PermissionsApi.\n */\n static get permissionKey() {\n return Permissions._permissionKey;\n }\n\n /**\n * Sets the permissions by storing them in the local storage.\n * @param {object} value The permissions object to be stored.\n */\n static set permissions(value) {\n window.localStorage.setItem(Permissions.permissionKey, JSON.stringify(value));\n }\n\n /**\n * Retrieves the list of permissions stored in the browser's local storage.\n * @returns {Array} An array of permissions. If no permissions are found, returns an empty array.\n */\n static get permissions() {\n return JSON.parse(window.localStorage.getItem(Permissions.permissionKey)) || [];\n }\n\n /**\n * Determines whether the specified key exists in the permissions list.\n * @param {string} key The key to check for existence in the permissions list.\n * @returns {boolean} Returns true if the key exists in the permissions list; otherwise, returns false.\n */\n static includesKey(key) {\n return Permissions.permissions.includes(key);\n }\n\n /**\n * Checks if at least one of the given permissions is fulfilled, based on the permissions available in `PermissionsApi`.\n * @param {Array<string>} permissions The list of permissions to check against the permissions available in `PermissionsApi`.\n * @returns {boolean} Returns `true` if any of the given permissions match the permissions available in `PermissionsApi`, otherwise returns `false`.\n */\n static isPermissionFulfilled(permissions) {\n return permissions.some((perm) => Permissions.permissions.includes(perm));\n }\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,eAAN,MAAM,aAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrB,WAAW,cAAc,OAAO;AAC5B,iBAAY,iBAAiB,SAAS;AAAA,
|
|
1
|
+
{"version":3,"file":"permissions.js","sources":["../packages/utils/permissions.js"],"sourcesContent":["/**\n * PermissionsApi is a utility class for managing permissions.\n * It allows setting, retrieving, and checking permissions stored in the browser's local storage.\n */\nexport class Permissions {\n static _permissionKey = 'permissions';\n\n /**\n * Sets the permission key for the PermissionsApi.\n * The key is stored internally and defaults to 'permissions' if no value is provided.\n * @param {string} value The key to set for permissions. If no value is provided, the default is 'permissions'.\n */\n static set permissionKey(value) {\n Permissions._permissionKey = value || 'permissions';\n }\n\n /**\n * Retrieves the permission key used for accessing the permissions API.\n * @returns {string} The permission key associated with the PermissionsApi.\n */\n static get permissionKey() {\n return Permissions._permissionKey;\n }\n\n /**\n * Sets the permissions by storing them in the local storage.\n * @param {object} value The permissions object to be stored.\n */\n static set permissions(value) {\n window.localStorage.setItem(Permissions.permissionKey, JSON.stringify(value));\n }\n\n /**\n * Retrieves the list of permissions stored in the browser's local storage.\n * @returns {Array} An array of permissions. If no permissions are found, returns an empty array.\n */\n static get permissions() {\n return JSON.parse(window.localStorage.getItem(Permissions.permissionKey)) || [];\n }\n\n /**\n * Determines whether the specified key exists in the permissions list.\n * @param {string} key The key to check for existence in the permissions list.\n * @returns {boolean} Returns true if the key exists in the permissions list; otherwise, returns false.\n */\n static includesKey(key) {\n return Permissions.permissions.includes(key);\n }\n\n /**\n * Checks if at least one of the given permissions is fulfilled, based on the permissions available in `PermissionsApi`.\n * @param {Array<string>} permissions The list of permissions to check against the permissions available in `PermissionsApi`.\n * @returns {boolean} Returns `true` if any of the given permissions match the permissions available in `PermissionsApi`, otherwise returns `false`.\n */\n static isPermissionFulfilled(permissions) {\n return permissions.some((perm) => Permissions.permissions.includes(perm));\n }\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,eAAN,MAAM,aAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrB,WAAW,cAAc,OAAO;AAC5B,iBAAY,iBAAiB,SAAS;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,gBAAgB;AACvB,WAAO,aAAY;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,YAAY,OAAO;AAC1B,WAAO,aAAa,QAAQ,aAAY,eAAe,KAAK,UAAU,KAAK,CAAC;AAAA,EAChF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,cAAc;AACrB,WAAO,KAAK,MAAM,OAAO,aAAa,QAAQ,aAAY,aAAa,CAAC,KAAK,CAAA;AAAA,EACjF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,YAAY,KAAK;AACpB,WAAO,aAAY,YAAY,SAAS,GAAG;AAAA,EAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,sBAAsB,aAAa;AACtC,WAAO,YAAY,KAAK,CAAC,SAAS,aAAY,YAAY,SAAS,IAAI,CAAC;AAAA,EAC5E;AACJ;AApDI,cADS,cACF,kBAAiB;AADrB,IAAM,cAAN;"}
|