wj-elements 0.1.151 → 0.1.152

package/dist/packages/wje-card-header/card-header.element.d.ts

@@ -0,0 +1,22 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary CardHeader class that extends WJElement.
+ * @documentation https://elements.webjet.sk/components/card-header
+ * @status stable
+ * @augments WJElement
+ * @slot - The card header main content.
+ * @cssproperty [--wje-card-header-padding=1rem 1rem 0.5rem] - Padding of the component;
+ */
+export default class CardHeader extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {object} The styles object.
+     * @static
+     */
+    static get cssStyleSheet(): any;
+    /**
+     * Draws the CardHeader.
+     * @returns {DocumentFragment} The created document fragment.
+     */
+    draw(): DocumentFragment;
+}

package/dist/packages/wje-card-subtitle/card-subtitle.d.ts

@@ -0,0 +1,2 @@
+import { default as CardSubtitle } from './card-subtitle.element.js';
+export default CardSubtitle;

package/dist/packages/wje-card-subtitle/card-subtitle.element.d.ts

@@ -0,0 +1,30 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary CardSubtitle class that extends WJElement.
+ * @documentation https://elements.webjet.sk/components/card-subtitle
+ * @status stable
+ * @augments WJElement
+ * @slot - The card subtitle main content.
+ * @cssproperty [--wje-card-subtitle-font-size=11px] - Font size of the component;
+ * @cssproperty [--wje-card-subtitle-font-family=var(--wje-font-family-secondary)] - Font family of the component;
+ * @cssproperty [--wje-card-subtitle-padding=0] - Padding of the component;
+ */
+export default class CardSubtitle extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {object} The styles object.
+     * @static
+     */
+    static get cssStyleSheet(): any;
+    /**
+     * Getter for the observed attributes.
+     * @returns {Array} An empty array.
+     * @static
+     */
+    static get observedAttributes(): any[];
+    /**
+     * Draws the CardSubtitle element.
+     * @returns {DocumentFragment} The created document fragment.
+     */
+    draw(): DocumentFragment;
+}

package/dist/packages/wje-card-title/card-title.d.ts

@@ -0,0 +1,2 @@
+import { default as CardTitle } from './card-title.element.js';
+export default CardTitle;

package/dist/packages/wje-card-title/card-title.element.d.ts

@@ -0,0 +1,32 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary CardTitle class that extends WJElement.
+ * @documentation https://elements.webjet.sk/components/card-title
+ * @status stable
+ * @augments WJElement
+ * @slot - The card title main content.
+ * @cssproperty [--wje-card-title-font-size=24px] - Font size of the component;
+ * @cssproperty [--wje-card-title-font-weight=500] - Font weight of the component;
+ * @cssproperty [--wje-card-title-margin=0] - Margin of the component;
+ * @cssproperty [--wje-card-title-padding=0] - Padding of the component;
+ * @cssproperty [--wje-card-title-line-height=1.2] - Line height of the component;
+ */
+export default class CardTitle extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {object} The styles object.
+     * @static
+     */
+    static get cssStyleSheet(): any;
+    /**
+     * Getter for the observed attributes.
+     * @returns {Array} An empty array.
+     * @static
+     */
+    static get observedAttributes(): any[];
+    /**
+     * Draws the CardTitle element.
+     * @returns {DocumentFragment} The created document fragment.
+     */
+    draw(): DocumentFragment;
+}

package/dist/packages/wje-carousel/carousel.d.ts

@@ -0,0 +1,2 @@
+import { default as Carousel } from './carousel.element.js';
+export default Carousel;

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

@@ -0,0 +1,146 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary Carousel class that extends WJElement.
+ * @documentation https://elements.webjet.sk/components/carousel
+ * @status stable
+ * @augments WJElement
+ * @slot - The carousel main content.
+ * @cssproperty [--wje-carousel-size=100%] - Size of the carousel component;
+ */
+export default class Carousel extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {*}
+     */
+    static get cssStyleSheet(): any;
+    /**
+     * Getter for the observed attributes.
+     * @returns {string[]}
+     */
+    static get observedAttributes(): string[];
+    slidePerPage: number;
+    /**
+     * Active slide attribute.
+     * @param value
+     */
+    set activeSlide(value: number);
+    /**
+     * Active slide attribute.
+     * @returns {number|number}
+     */
+    get activeSlide(): number;
+    /**
+     * Pagination attribute.
+     * @returns {boolean}
+     */
+    get pagination(): boolean;
+    /**
+     * Navigation attribute.
+     * @returns {boolean}
+     */
+    get navigation(): boolean;
+    /**
+     * Thumbnails attribute.
+     * @returns {boolean}
+     */
+    get thumbnails(): boolean;
+    /**
+     * Loop attribute.
+     * @returns {boolean}
+     */
+    get loop(): boolean;
+    /**
+     * Before draw method for the Carousel.
+     */
+    beforeDraw(): void;
+    /**
+     * Draw method for the Carousel.
+     * @returns {DocumentFragment}
+     */
+    draw(): DocumentFragment;
+    prevButton: Element;
+    nextButton: Element;
+    slides: HTMLDivElement;
+    /**
+     * After draw method for the Carousel.
+     */
+    afterDraw(): void;
+    /**
+     * Sets up the IntersectionObserver for the Carousel.
+     */
+    setIntersectionObserver(): void;
+    intersectionObserver: IntersectionObserver;
+    entriesMap: Map<any, any>;
+    records: IntersectionObserverEntry[];
+    /**
+     * Goes to the slide.
+     * @param index
+     * @param behavior
+     * @param next
+     */
+    goToSlide(index: any, behavior?: string, next?: boolean): void;
+    /**
+     * Clones the first and last items.
+     */
+    cloneFirstAndLastItems(): void;
+    /**
+     * Goes to the next slide.
+     */
+    removeActiveSlide(): void;
+    /**
+     * Goes to the next slide.
+     */
+    changePagination(): void;
+    /**
+     * Goes to the next slide.
+     */
+    changeThumbnails(): void;
+    /**
+     * Goes to the next slide.
+     * @returns {Element}
+     */
+    createNextButton(): Element;
+    /**
+     * Goes to the next slide.
+     * @returns {Element}
+     */
+    createPreviousButton(): Element;
+    /**
+     * Goes to the next slide.
+     * @returns {Element}
+     */
+    createPagination(): Element;
+    /**
+     * Goes to the next slide.
+     * @returns {Element}
+     */
+    createThumbnails(): Element;
+    /**
+     * Goes to the next slide.
+     */
+    nextSlide(): void;
+    /**
+     * Goes to the previous slide.
+     */
+    previousSlide(): void;
+    /**
+     * Goes to the slide.
+     * @returns {Array}
+     */
+    getSlides(): any[];
+    /**
+     * Goes to the slide.
+     * @returns {Array}
+     */
+    getSlidesWithClones(): any[];
+    /**
+     * Goes to the slide.
+     * @returns {boolean}
+     */
+    canGoNext(): boolean;
+    /**
+     * Goes to the slide.
+     * @returns {boolean}
+     */
+    canGoPrevious(): boolean;
+}

package/dist/packages/wje-carousel-item/carousel-item.d.ts

@@ -0,0 +1,2 @@
+import { default as CarouselItem } from './carousel-item.element.js';
+export default CarouselItem;

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

@@ -0,0 +1,38 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary This class represents CarouselItem element, extending the WJElement class.
+ * @documentation https://elements.webjet.sk/components/carousel-item
+ * @status stable
+ * @augments WJElement
+ * @slot - The carousel item main content.
+ * @csspart native - The component's native wrapper.
+ * @cssproperty [--wje-carousel-item-background-color=transparent] - Background color of the component;
+ * @cssproperty [--wje-carousel-item-border-color=--wje-color-contrast-4] - Border color of the component;
+ * @cssproperty [--wje-carousel-item-color=--wje-color-contrast-11] - Color of the component;
+ * @cssproperty [--wje-carousel-item-border-radius=--wje-border-radius-medium] - Border radius of the component;
+ * @cssproperty [--wje-carousel-item-border-width=1px] - Border width of the component;
+ * @cssproperty [--wje-carousel-item-border-style=solid] - Border style of the component;
+ * @cssproperty [--wje-carousel-item-border-color=--wje-color-contrast-1] - Border color of the component;
+ * @cssproperty [--wje-carousel-item-margin-inline=0] - Margin inline of the component;
+ */
+export default class CarouselItem extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {*}
+     */
+    static get cssStyleSheet(): any;
+    /**
+     * Getter for the observed attributes.
+     * @returns {*[]}
+     */
+    static get observedAttributes(): any[];
+    /**
+     * Draws the CarouselItem element.
+     * @returns {DocumentFragment}
+     */
+    draw(): DocumentFragment;
+    /**
+     * After draw event for the CarouselItem element.
+     */
+    afterDraw(): void;
+}

package/dist/packages/wje-checkbox/checkbox.d.ts

@@ -0,0 +1,2 @@
+import { default as Checkbox } from './checkbox.element.js';
+export default Checkbox;

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

@@ -0,0 +1,171 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary This method dispatches a custom event named "wje-checkbox:change".
+ * It is triggered when the input event is fired, which happens when the state of the checkbox changes.
+ * The event is dispatched on the current instance of the Checkbox class.
+ * @documentation https://elements.webjet.sk/components/checkbox
+ * @status stable
+ * @augments WJElement
+ * @slot - The checkbox main content.
+ * @csspart native - The component's native wrapper.
+ * @cssproperty [--wje-checkbox-border-radius=--wje-border-radius-medium] - Border radius of the component;
+ * @cssproperty [--wje-checkbox-border-width=1px] - Border width of the component;
+ * @cssproperty [--wje-checkbox-border-style=solid] - Border style of the component;
+ * @cssproperty [--wje-checkbox-border-color=--wje-color-contrast-1] - Border color of the component;
+ * @cssproperty [--wje-checkbox-margin-inline=0] - Margin inline of the component;
+ * //@fires wje-checkbox:change - Dispatched when the checkbox state changes;
+ */
+export default class Checkbox extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {string} The CSS stylesheet.
+     */
+    static get cssStyleSheet(): string;
+    static get observedAttributes(): string[];
+    /**
+     * Whether the input is associated with a form.
+     * @type {boolean}
+     */
+    static formAssociated: boolean;
+    internals: ElementInternals;
+    /**
+     * Setter for the value attribute.
+     * @param {string} value The value to set.
+     */
+    set value(value: string);
+    /**
+     * Getter for the value attribute.
+     * @returns {string} The value of the attribute.
+     */
+    get value(): string;
+    /**
+     * Getter for the customErrorDisplay attribute.
+     * @returns {boolean} Whether the attribute is present.
+     */
+    get customErrorDisplay(): boolean;
+    /**
+     * Getter for the validateOnChange attribute.
+     * @returns {boolean} Whether the attribute is present.
+     */
+    get validateOnChange(): boolean;
+    /**
+     * Setter for the invalid attribute.
+     * @param {boolean} isInvalid Whether the input is invalid.
+     */
+    set invalid(isInvalid: boolean);
+    /**
+     * Getter for the invalid attribute.
+     * @returns {boolean} Whether the attribute is present.
+     */
+    get invalid(): boolean;
+    /**
+     * Getter for the form attribute.
+     * @returns {HTMLFormElement} The form the input is associated with.
+     */
+    get form(): HTMLFormElement;
+    /**
+     * Getter for the name attribute.
+     * @returns {string} The name of the input.
+     */
+    get name(): string;
+    /**
+     * Getter for the type attribute.
+     * @returns {string} The type of the input.
+     */
+    get type(): string;
+    /**
+     * Getter for the validity attribute.
+     * @returns {ValidityState} The validity state of the input.
+     */
+    get validity(): ValidityState;
+    /**
+     * Getter for the validationMessage attribute.
+     * @returns {string} The validation message of the input.
+     */
+    get validationMessage(): string;
+    /**
+     * Getter for the willValidate attribute.
+     * @returns {boolean} Whether the input will be validated.
+     */
+    get willValidate(): boolean;
+    /**
+     * Setter for the defaultValue attribute.
+     * This method sets the 'value' attribute of the custom input element to the provided value.
+     * The 'value' attribute represents the default value of the input element.
+     * @param {string} value The value to set as the default value.
+     */
+    set defaultValue(value: string);
+    /**
+     * Getter for the defaultValue attribute.
+     * This method retrieves the 'value' attribute of the custom input element.
+     * The 'value' attribute represents the default value of the input element.
+     * If the 'value' attribute is not set, it returns an empty string.
+     * @returns {string} The default value of the input element.
+     */
+    get defaultValue(): string;
+    /**
+     * Set checked attribute.
+     * @param {boolean} value true if the toggle is checked, false otherwise
+     */
+    set disabled(value: boolean);
+    /**
+     * Get disabled attribute value.
+     * @returns {boolean} true if the toggle is disabled, false otherwise
+     */
+    get disabled(): boolean;
+    /**
+     * Set checked attribute.
+     * @param {boolean} value true if the toggle is checked, false otherwise
+     */
+    set checked(value: boolean);
+    /**
+     * Get checked attribute.
+     * @returns {boolean} true if the toggle is checked, false otherwise
+     */
+    get checked(): boolean;
+    /**
+     * Draws the checkbox element.
+     * @returns {DocumentFragment} The created fragment.
+     */
+    draw(): DocumentFragment;
+    input: HTMLInputElement;
+    /**
+     * Adds an event listener after drawing the checkbox.
+     */
+    afterDraw(): void;
+    /**
+     * @summary Callback function that is called when the custom element is associated with a form.
+     * This function adds an event listener to the form's submit event, which validates the input and propagates the validation.
+     * @param {HTMLFormElement} form The form the custom element is associated with.
+     */
+    formAssociatedCallback(form: HTMLFormElement): void;
+    /**
+     * The formResetCallback method is a built-in lifecycle callback that gets called when a form gets reset.
+     * This method is responsible for resetting the value of the custom input element to its default value.
+     * It also resets the form value and validity state in the form internals.
+     * @function
+     */
+    formResetCallback(): void;
+    /**
+     * The formStateRestoreCallback method is a built-in lifecycle callback that gets called when the state of a form-associated custom element is restored.
+     * This method is responsible for restoring the value of the custom input element to its saved state.
+     * It also restores the form value and validity state in the form internals to their saved states.
+     * @param {object} state The saved state of the custom input element.
+     * @function
+     */
+    formStateRestoreCallback(state: object): void;
+    /**
+     * The formStateSaveCallback method is a built-in lifecycle callback that gets called when the state of a form-associated custom element is saved.
+     * This method is responsible for saving the value of the custom input element.
+     * @returns {object} The saved state of the custom input element.
+     * @function
+     */
+    formStateSaveCallback(): object;
+    /**
+     * The formDisabledCallback method is a built-in lifecycle callback that gets called when the disabled state of a form-associated custom element changes.
+     * This method is not implemented yet.
+     * @param {boolean} disabled The new disabled state of the custom input element.
+     * @function
+     */
+    formDisabledCallback(disabled: boolean): void;
+}

package/dist/packages/wje-chip/chip.d.ts

@@ -0,0 +1,2 @@
+import { default as Chip } from './chip.element.js';
+export default Chip;

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

@@ -0,0 +1,30 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary This method dispatches a custom event named "wje-chip:remove".
+ * It is triggered when the remove button is clicked, which happens when the chip is removed.
+ * The event is dispatched on the current instance of the Chip class.
+ * @documentation https://elements.webjet.sk/components/chip
+ * @status stable
+ * @augments WJElement
+ * @slot - The chip main content.
+ * @csspart native - The component's native wrapper.
+ * //@fires wje-chip:remove - Dispatched when the chip is removed;
+ */
+export default class Chip extends WJElement {
+    /**
+     * Getter for the CSS stylesheet.
+     * @returns {*}
+     */
+    static get cssStyleSheet(): any;
+    /**
+     * Draws the Chip element.
+     * @returns {DocumentFragment}
+     */
+    draw(): DocumentFragment;
+    removeElement: HTMLElement;
+    slotEnd: HTMLSlotElement;
+    /**
+     * Getter for the observed attributes.
+     */
+    afterDraw(): void;
+}

package/dist/packages/wje-col/col.d.ts

@@ -0,0 +1,2 @@
+import { default as Col } from './col.element.js';
+export default Col;

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

@@ -0,0 +1,16 @@
+import { default as WJElement } from '../wje-element/element.js';
+/**
+ * @summary Col class that extends WJElement.
+ * @documentation https://elements.webjet.sk/components/col
+ * @status stable
+ * @augments WJElement
+ * @slot - The col main content.
+ */
+export default class Col extends WJElement {
+    static get cssStyleSheet(): any;
+    /**
+     * Draws the component element.
+     * @returns {DocumentFragment}
+     */
+    draw(): DocumentFragment;
+}

package/dist/packages/wje-color-picker/color-picker.d.ts

@@ -0,0 +1,2 @@
+import { default as ColorPicker } from './color-picker.element.js';
+export default ColorPicker;