wj-elements 0.7.5 → 0.7.7

package/dist/packages/translations/en-gb.d.ts

@@ -15,6 +15,7 @@ export const enGb: {
     'wj.stepper.button.previous': string;
     'wj.stepper.step': string;
     'wj.pagination.of': string;
+    'wj.pagination.itemsPerPage': string;
     'wj.pagination.first': string;
     'wj.pagination.prev': string;
     'wj.pagination.next': string;

package/dist/packages/translations/sk-sk.d.ts

@@ -15,6 +15,7 @@ export const skSk: {
     'wj.stepper.button.previous': string;
     'wj.stepper.step': string;
     'wj.pagination.of': string;
+    'wj.pagination.itemsPerPage': string;
     'wj.pagination.first': string;
     'wj.pagination.prev': string;
     'wj.pagination.next': string;

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

@@ -4,9 +4,11 @@ import { default as WJElement } from '../wje-element/element.js';
  * @documentation https://elements.webjet.sk/components/button
  * @status stable
  * @augments WJElement
+ * @attribute {string} label - Accessible name forwarded to the internal native button or link.
  * @dependency wje-icon
  * @slot - The button main content.
  * @slot icon - The button icon.
+ * @slot icon-only - The icon used when the button has no visible text.
  * @slot caret - The button caret.
  * @slot start - The button start slot.
  * @slot end - The button end slot.
@@ -87,6 +89,16 @@ export default class Button extends WJElement {
      * @returns {boolean}
      */
     get tooltip(): boolean;
+    /**
+     * Set the accessible label of the Button element.
+     * @param {string|null} value The accessible label
+     */
+    set label(value: string | null);
+    /**
+     * Get the accessible label of the Button element.
+     * @returns {string|null} label - The accessible label
+     */
+    get label(): string | null;
     /**
      * Set variant of the Button element.
      * @param value
@@ -184,6 +196,7 @@ export default class Button extends WJElement {
      * @returns {object} fragment - The document fragment containing the drawn element.
      */
     draw(): object;
+    native: HTMLAnchorElement | HTMLButtonElement;
     hasToggle: boolean;
     slotToggle: HTMLSlotElement;
     /**
@@ -205,7 +218,7 @@ export default class Button extends WJElement {
      */
     syncToggleState(): void;
     /**
-     * Syncs ARIA attributes on the host element.
+     * Syncs accessibility attributes on the internal native control.
      */
     syncAria(): void;
     #private;

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

@@ -9,7 +9,7 @@ import { default as WJElement } from '../wje-element/element.js';
  * @property {string} src - The source URL of the image.
  * @property {string} alt - The alternative text for the image.
  * @property {string} fallout - The action to perform when an error occurs while loading the image. The value can be a function or a predefined action like 'delete'.
- * @property {string} loader - The URL of the image loader to display while the image is loading.
+ * @property {string} loader - The URL of the image loader to display while the image is loading. Defaults to the loader asset resolved from the configured base path.
  * @property {boolean} noLazy - Disables lazy loading and renders the image source immediately.
  * @tag wje-img
  */
@@ -68,10 +68,10 @@ export default class Img extends WJElement {
      */
     set loader(value: string);
     /**
-     * Retrieves the value of the 'loader' attribute from the element.
-     * @returns {string|null} The value of the 'loader' attribute if set, otherwise null.
+     * Retrieves the configured loader URL or resolves the default loader from the base path.
+     * @returns {string} The loader URL.
      */
-    get loader(): string | null;
+    get loader(): string;
     /**
      * Enables or disables lazy loading for the image.
      * @param {boolean} value True to disable lazy loading, false to restore the default lazy behavior.

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

@@ -7,6 +7,27 @@ import { Localizer } from '../utils/localize.js';
  * @augments WJElement
  * @dependency wje-icon, wje-button
  * @csspart native - The wrapper element for the pagination component.
+ * @csspart summary - The wrapper for the page-size selector and item range.
+ * @csspart page-size - The wrapper for the page-size label and selector.
+ * @csspart page-size-label - The page-size selector label.
+ * @csspart page-size-select - The page-size selector.
+ * @csspart info - The item range information.
+ * @csspart pages - The page navigation wrapper.
+ * @csspart page-button - Any pagination button.
+ * @csspart page-number - A numbered page button.
+ * @csspart current-page - The current page button.
+ * @csspart first-button - The button that navigates to the first page.
+ * @csspart previous-button - The button that navigates to the previous page.
+ * @csspart next-button - The button that navigates to the next page.
+ * @csspart last-button - The button that navigates to the last page.
+ * @csspart dots - The page range ellipsis.
+ * @cssproperty [--wje-pagination-gap=1rem] - Gap between the summary and page navigation.
+ * @cssproperty [--wje-pagination-summary-gap=1rem] - Gap between summary items.
+ * @cssproperty [--wje-pagination-page-size-gap=var(--wje-spacing-small)] - Gap between the page-size label and selector.
+ * @cssproperty [--wje-pagination-mobile-gap=var(--wje-spacing-x-large)] - Gap between pagination rows below the md container width.
+ * @cssproperty [--wje-pagination-page-size-width=68px] - Width of the page-size selector.
+ * @cssproperty [--wje-pagination-page-button-width=32px] - Width of pagination buttons.
+ * @cssproperty [--wje-pagination-page-button-gap=0.5rem] - Gap between pagination buttons.
  */
 export default class Pagination extends WJElement {
     /**