wj-elements 0.2.0-alpha.8 → 0.3.0-alpha.1

package/dist/packages/wje-qr-code/qr-code.element.d.ts

@@ -21,6 +21,56 @@ export default class QrCode extends WJElement {
      * @returns {string[]} The list of observed attributes.
      */
     static get observedAttributes(): string[];
+    /**
+     * Content encoded into the QR code.
+     * @type {string}
+     */
+    set value(value: string);
+    get value(): string;
+    /**
+     * Background color of the QR code.
+     * @type {string|null}
+     */
+    set background(value: string);
+    get background(): string;
+    /**
+     * Background alpha channel in range 0-1.
+     * Supports aliases: background-alpha, backgroundalpha, backgroundAlpha.
+     * @type {number|null}
+     */
+    set backgroundAlpha(value: number);
+    get backgroundAlpha(): number;
+    /**
+     * Foreground color of the QR code.
+     * @type {string|null}
+     */
+    set foreground(value: string);
+    get foreground(): string;
+    /**
+     * Foreground alpha channel in range 0-1.
+     * Supports aliases: foreground-alpha, foregroundalpha, foregroundAlpha.
+     * @type {number|null}
+     */
+    set foregroundAlpha(value: number);
+    get foregroundAlpha(): number;
+    /**
+     * Error correction level. Accepted values: L, M, Q, H.
+     * @type {string|null}
+     */
+    set level(value: string);
+    get level(): string;
+    /**
+     * Padding around the QR code in pixels.
+     * @type {number|null}
+     */
+    set padding(value: number);
+    get padding(): number;
+    /**
+     * Output QR code size in pixels.
+     * @type {number|null}
+     */
+    set size(value: number);
+    get size(): number;
     /**
      * Draws the QR code component.
      * @returns {DocumentFragment} The document fragment containing the QR code component.
@@ -30,4 +80,17 @@ export default class QrCode extends WJElement {
      * Called after the component is drawn to generate the QR code.
      */
     afterDraw(): void;
+    qr: any;
+    /**
+     * Returns first defined attribute value from alias list.
+     * @param {string[]} aliases
+     * @returns {string|null}
+     */
+    getAttributeFromAliases(aliases?: string[]): string | null;
+    /**
+     * Writes value to the canonical attribute and clears alternate aliases.
+     * @param {string} optionName
+     * @param {string|number|null|undefined} value
+     */
+    setAliasedAttribute(optionName: string, value: string | number | null | undefined): void;
 }

package/dist/packages/wje-radio/radio.element.d.ts

@@ -46,6 +46,7 @@ export default class Radio extends WJElement {
      * @returns {boolean} true if the toggle is disabled, false otherwise
      */
     get disabled(): boolean;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
     /**
      * Draws the radio button.
      * @returns {DocumentFragment}
@@ -56,6 +57,10 @@ export default class Radio extends WJElement {
      * Sets up the event listeners for the component.
      */
     afterDraw(): void;
+    /**
+     * Syncs ARIA attributes on the host element.
+     */
+    syncAria(): void;
     /**
      * Called when an attribute changes.
      * @param {object} e

package/dist/packages/wje-radio-group/radio-group.element.d.ts

@@ -16,7 +16,7 @@ export default class RadioGroup extends FormAssociatedElement {
      * @returns {CSSStyleSheet}
      */
     static get cssStyleSheet(): CSSStyleSheet;
-    static get observedAttributes(): any[];
+    static get observedAttributes(): string[];
     pristine: boolean;
     /**
      * Setter for the value attribute.
@@ -28,6 +28,17 @@ export default class RadioGroup extends FormAssociatedElement {
      * @returns {string} The value of the attribute.
      */
     get value(): string;
+    /**
+     * Setter for the label attribute.
+     * @param {string} value The label to set.
+     */
+    set label(value: string);
+    /**
+     * Getter for the label attribute.
+     * @returns {string|null}
+     */
+    get label(): string | null;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
     /**
      * Draws the component for the radio group.
      * @returns {DocumentFragment}
@@ -38,6 +49,10 @@ export default class RadioGroup extends FormAssociatedElement {
      * Adds event listeners after the component is drawn. Handles the selection of radio buttons.
      */
     afterDraw(): void;
+    /**
+     * Syncs ARIA attributes on the host element.
+     */
+    syncAria(): void;
     /**
      * Returns the radio button with the given value.
      * @param {string} value The value of the radio button.

package/dist/packages/wje-rate/rate.element.d.ts

@@ -94,6 +94,10 @@ export default class Rate extends WJElement {
      * Changes the rate of the rating component.
      */
     changeRate(): void;
+    /**
+     * Sync ARIA attributes on host.
+     */
+    syncAria(): void;
     /**
      * Event handler for the mouse enter event.
      * @param {Event} e The event.

package/dist/packages/wje-relative-time/relative-time.element.d.ts

@@ -37,11 +37,13 @@ export default class RelativeTime extends WJElement {
      * @returns {Date}
      */
     get objectDate(): Date;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
     /**
      * Draws the component for the relative time.
      * @returns {DocumentFragment}
      */
     draw(): DocumentFragment;
+    native: HTMLDivElement;
     /**
      * Returns the relative time string for the given date.
      */

package/dist/packages/wje-reorder/reorder.element.d.ts

@@ -41,6 +41,10 @@ export default class Reorder extends WJElement {
      * Adds event listeners after the component is drawn.
      */
     afterDraw(): void;
+    /**
+     * Sync ARIA attributes on host.
+     */
+    syncAria(): void;
     /**
      * Attaches event listeners to the element.
      * @param element

package/dist/packages/wje-reorder-handle/reorder-handle.element.d.ts

@@ -29,6 +29,10 @@ export default class ReorderHandle extends WJElement {
      * Draws the component after it is connected to the DOM.
      */
     afterDraw(): void;
+    /**
+     * Sync ARIA attributes on host.
+     */
+    syncAria(): void;
     /**
      * Handles the attribute changes.
      * @param {DragEvent} e

package/dist/packages/wje-select/select.element.d.ts

@@ -9,6 +9,7 @@ import { default as Option } from '../wje-option/option.js';
 import { default as Options } from '../wje-options/options.js';
 import { default as Checkbox } from '../wje-checkbox/checkbox.js';
 export class Select extends FormAssociatedElement {
+    static _instanceId: number;
     /**
      * Returns the CSS styles for the component.
      * @static
@@ -81,6 +82,7 @@ export class Select extends FormAssociatedElement {
     list: HTMLElement | null;
     _value: any[];
     _selectedOptions: any[];
+    _instanceId: number;
     /**
      * An object representing component dependencies with their respective classes.
      * Each property in the object maps a custom component name (as a string key)
@@ -231,6 +233,7 @@ export class Select extends FormAssociatedElement {
      * @returns {DocumentFragment}
      */
     draw(): DocumentFragment;
+    _ariaListId: string;
     findEl: HTMLElement;
     displayInput: HTMLInputElement;
     slotFooter: HTMLSlotElement;
@@ -384,5 +387,9 @@ export class Select extends FormAssociatedElement {
      * @returns {void} No value is returned by this method.
      */
     clearSelections(): void;
+    /**
+     * Syncs ARIA attributes on the host element.
+     */
+    syncAria(): void;
     #private;
 }

package/dist/packages/wje-slider/slider.element.d.ts

@@ -57,6 +57,7 @@ export default class Slider extends WJElement {
      * @returns {number} The step value of the slider.
      */
     get step(): number;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
     /**
      * Draws the component for the slider.
      * @returns {DocumentFragment}
@@ -77,6 +78,10 @@ export default class Slider extends WJElement {
      * Sets the handle position of the slider.
      */
     setHandlePosition: () => void;
+    /**
+     * Syncs ARIA attributes on the host element.
+     */
+    syncAria(): void;
     /**
      * Updates the position and content of a bubble element based on the input value.
      *

package/dist/packages/wje-sliding-container/sliding-container.element.d.ts

@@ -188,6 +188,10 @@ export default class SlidingContainer extends WJElement {
      * Calls the checkForVariant method with the current variant.
      */
     afterDraw(): void;
+    /**
+     * Sync ARIA attributes on host.
+     */
+    syncAria(): void;
     /**
      * Creates and returns a styled close button element with an icon,
      * including an event listener to trigger the close method.

package/dist/packages/wje-split-view/split-view.element.d.ts

@@ -41,6 +41,7 @@ export default class SplitView extends WJElement {
      * @returns {DocumentFragment}
      */
     draw(): DocumentFragment;
+    dividerElement: HTMLDivElement;
     /**
      * Sets up the event listeners after the component is drawn.
      */

package/dist/packages/wje-stepper/stepper.element.d.ts

@@ -20,6 +20,7 @@ export default class Stepper extends WJElement {
     localizer: Localizer;
     steps: any[];
     headerSteps: any[];
+    _stepperId: number;
     /**
      * Sets the start index for an operation or a process. This method assigns
      * the provided value to the attribute 'start-index'.

package/dist/packages/wje-tab/tab.element.d.ts

@@ -57,10 +57,20 @@ export default class Tab extends WJElement {
      * @returns {DocumentFragment}
      */
     draw(): DocumentFragment;
+    slotEl: HTMLSlotElement;
     /**
      * Sets up event listeners after the component is rendered.
      * // @fires wje-tab:change - Dispatched when the component is clicked, indicating a tab change.
      */
     afterDraw(): void;
     unbindRouterLinks: any;
+    /**
+     * Sync aria-label on host based on slotted text when not provided.
+     */
+    syncAriaLabel(): void;
+    /**
+     * Sets the roving tabindex on the internal focusable anchor.
+     * @param {number} value
+     */
+    setRovingTabIndex(value: number): void;
 }

package/dist/packages/wje-tab-group/tab-group.element.d.ts

@@ -12,12 +12,14 @@ import { default as WJElement } from '../wje-element/element.js';
  * @tag wje-tab-group
  */
 export default class TabGroup extends WJElement {
+    static _instanceId: number;
     /**
      * Returns the CSS styles for the component.
      * @static
      * @returns {CSSStyleSheet}
      */
     static get cssStyleSheet(): CSSStyleSheet;
+    _instanceId: number;
     _lastNavWidth: any;
     _initialized: boolean;
     /**
@@ -90,6 +92,11 @@ export default class TabGroup extends WJElement {
      * @returns {Array<Element>} An array of all tabs.
      */
     getTabAll(): Array<Element>;
+    /**
+     * Returns all tabs, including those moved to "more".
+     * @returns {Array<Element>} An array of all tabs.
+     */
+    getAllTabs(): Array<Element>;
     /**
      * Returns all panels.
      * @returns {Array<Element>} An array of all panels.
@@ -128,4 +135,8 @@ export default class TabGroup extends WJElement {
      * @returns {void} This method does not return any value.
      */
     dropdownActive(el: HTMLElement): void;
+    /**
+     * Syncs ARIA attributes on tabs and panels.
+     */
+    syncAria(): void;
 }

package/dist/packages/wje-textarea/textarea.element.d.ts

@@ -23,6 +23,7 @@ import { FormAssociatedElement } from '../internals/form-associated-element.js';
  * @tag wje-textarea
  */
 export default class Textarea extends FormAssociatedElement {
+    static _instanceId: number;
     /**
      * Returns the CSS styles for the component.
      * @static
@@ -36,6 +37,7 @@ export default class Textarea extends FormAssociatedElement {
      */
     static get observedAttributes(): Array<string>;
     pristine: boolean;
+    _instanceId: number;
     /**
      * Setter for the value attribute.
      * @param {string} value The value to set.
@@ -46,7 +48,18 @@ export default class Textarea extends FormAssociatedElement {
      * @returns {string} The value of the attribute.
      */
     get value(): string;
-    _value: string;
+    _value: any;
+    /**
+     * Sets the label attribute of the element.
+     * @param {string} value The value to set as the label attribute.
+     */
+    set label(value: string);
+    /**
+     * Retrieves the value of the 'label' attribute if it exists.
+     * If the 'label' attribute is not set, it returns false.
+     * @returns {string|boolean} The value of the 'label' attribute as a string, or false if the attribute is not set.
+     */
+    get label(): string | boolean;
     /**
      * Sets the `validateOnChange` property. If set to a truthy value, it adds the
      * `validate-on-change` attribute to the element. If set to a falsy value, it
@@ -63,11 +76,13 @@ export default class Textarea extends FormAssociatedElement {
     get validateOnChange(): boolean;
     set placeholder(value: string);
     get placeholder(): string;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
     /**
      * Draws the component for the textarea.
      * @returns {DocumentFragment}
      */
     draw(): DocumentFragment;
+    _ariaErrorId: string;
     counterElement: HTMLDivElement;
     native: HTMLDivElement;
     labelElement: HTMLLabelElement;
@@ -77,6 +92,10 @@ export default class Textarea extends FormAssociatedElement {
      */
     afterDraw(): void;
     resizeObserver: ResizeObserver;
+    /**
+     * Syncs ARIA attributes on the host element.
+     */
+    syncAria(): void;
     /**
      * Sets the height of the textarea.
      */

package/dist/packages/wje-thumbnail/thumbnail.element.d.ts

@@ -28,4 +28,8 @@ export default class Thumbnail extends WJElement {
      * @returns {object} Document fragment
      */
     draw(): object;
+    /**
+     * Sync ARIA attributes on host.
+     */
+    syncAria(): void;
 }

package/dist/packages/wje-timeline/timeline.element.d.ts

@@ -22,4 +22,8 @@ export default class Timeline extends WJElement {
      * @returns {DocumentFragment}
      */
     draw(): DocumentFragment;
+    /**
+     * Sync ARIA attributes on host.
+     */
+    syncAria(): void;
 }

package/dist/packages/wje-toggle/toggle.element.d.ts

@@ -77,5 +77,9 @@ export default class Toggle extends FormAssociatedElement {
     input: HTMLInputElement;
     afterDraw(): void;
     indeterminate: boolean;
+    /**
+     * Syncs ARIA attributes on the host element.
+     */
+    syncAria(): void;
     #private;
 }

package/dist/packages/wje-toolbar/toolbar.element.d.ts

@@ -36,4 +36,8 @@ export default class Toolbar extends WJElement {
      * @returns {object} Document fragment
      */
     draw(): object;
+    /**
+     * Sync ARIA attributes on host.
+     */
+    syncAria(): void;
 }

package/dist/packages/wje-tooltip/tooltip.element.d.ts

@@ -13,6 +13,7 @@ import { default as WJElement } from '../wje-element/element.js';
  * @tag wje-tooltip
  */
 export default class Tooltip extends WJElement {
+    static _instanceId: number;
     /**
      * Returns the CSS stylesheet for the component.
      * @static
@@ -25,6 +26,7 @@ export default class Tooltip extends WJElement {
      * @returns {Array} An array of observed attributes
      */
     static get observedAttributes(): any[];
+    _instanceId: number;
     /**
      * Dependencies of the Button element.
      * @type {object}
@@ -52,6 +54,7 @@ export default class Tooltip extends WJElement {
      * Draws the component for the tooltip.
      */
     afterDraw(): void;
+    onSlotChange: () => void;
     dispatch(customEvent: any): Promise<any>;
     beforeShow(): string;
     afterShow(): boolean;

package/dist/packages/wje-tree/tree.element.d.ts

@@ -47,6 +47,10 @@ export default class Tree extends WJElement {
      * @returns {void} This method does not return a value.
      */
     afterDraw(): void;
+    /**
+     * Syncs ARIA attributes on the host element.
+     */
+    syncAria(): void;
     /**
      * Handles the click event triggered by the user interaction.
      * Identifies the closest tree item element to the event target and sets it

package/dist/packages/wje-tree-item/tree-item.element.d.ts

@@ -82,6 +82,7 @@ export default class TreeItem extends HTMLElement {
      */
     setupAttributes(): void;
     isShadowRoot: string;
+    connectedCallback(): void;
     /**
      * Handles updates when observed attributes of the element are changed.
      * Updates the checkbox state based on changes to the "selected" or "indeterminate" attributes.
@@ -137,6 +138,10 @@ export default class TreeItem extends HTMLElement {
      * @returns {void} Does not return a value.
      */
     toggleChildren(): void;
+    /**
+     * Syncs ARIA attributes on the host element.
+     */
+    syncAria(): void;
     /**
      * Retrieves the child items from the `childrenSlot` that match specific criteria.
      * @param {object} [options] Configuration options.

package/dist/{popup.element-DeajFyOQ.js → popup.element-Cl6QeG8M.js}

@@ -1371,7 +1371,7 @@ const computePosition = (reference, floating, options) => {
     platform: platformWithCache
   });
 };
-const styles = "/*\n[ WJ Popup ]\n*/\n\n:host {\n    --wje-popup-top: auto;\n    --wje-popup-left: auto;\n    display: flex; /* zmenene z contents na flex kvoli breadcrumbs v a jeho trom bodkam */\n}\n\n.native-popup {\n    position: absolute;\n    isolation: isolate;\n    z-index: 999;\n    left: var(--wje-popup-left);\n    top: var(--wje-popup-top);\n}\n.native-popup:not(.popup-active) {\n    display: none;\n}\n\n.popup-loader.overlay {\n    position: absolute;\n    inset: 1px;\n    background: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n}\n.popup-loader.fade-out {\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}";
+const styles = "/*\n[ WJ Popup ]\n*/\n\n:host {\n    --wje-popup-top: auto;\n    --wje-popup-left: auto;\n\n    display: flex; /* zmenene z contents na flex kvoli breadcrumbs v a jeho trom bodkam */\n}\n\n.native-popup {\n    position: absolute;\n    isolation: isolate;\n    z-index: 999;\n    left: var(--wje-popup-left);\n    top: var(--wje-popup-top);\n}\n.native-popup:not(.popup-active) {\n    display: none;\n}\n\n.popup-loader.overlay {\n    position: absolute;\n    inset: 1px;\n    background: var(--wje-popup-overlay-background);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n}\n.popup-loader.fade-out {\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}";
 class Popup extends WJElement {
   /**
    * Creates an instance of Popup.
@@ -1865,4 +1865,4 @@ class Popup extends WJElement {
 export {
   Popup as P
 };
-//# sourceMappingURL=popup.element-DeajFyOQ.js.map
+//# sourceMappingURL=popup.element-Cl6QeG8M.js.map