@quartzds/core 1.0.0-beta.9 → 1.0.0-beta.91

package/dist/types/components/tab/tab.d.ts

@@ -0,0 +1,160 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+import type { Importance, Size, Status } from '../shared';
+export type Action = 'closable' | 'expandable';
+export type Placement = 'bottom' | 'left' | 'right' | 'top';
+export type TagStatus = Status | 'neutral';
+export type IndicatorPosition = 'block-end' | 'block-start' | 'inline-end' | 'inline-start';
+/**
+ * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars
+ * (Main Navigation, secondary navigation, Tab bar, etc.)
+ * as trigger points for opening a menu list or switching content in Tab bar.
+ *
+ * @see https://quartz.se.com/build/components/tab
+ */
+export declare class Tab implements ComponentInterface {
+    #private;
+    /**
+     * The name of the action icon to render.
+     */
+    readonly action?: Action;
+    /**
+     * Displays an indicator if `true` or the empty string. Otherwise, displays a
+     * counter badge if a number or string representing a number is used.
+     */
+    readonly badge?: number | string | true;
+    /**
+     * The tab's counter importance.
+     */
+    readonly badgeCounterImportance?: HTMLQdsBadgeCounterElement['importance'];
+    /**
+     * The indicator or counter badge's accessible text that will be used by
+     * screen readers.
+     */
+    readonly badgeDescription?: string;
+    /**
+     * The indicator's status.
+     */
+    readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'];
+    /**
+     * Prevents the tab from being interacted with: it cannot be
+     * selected or focused.
+     */
+    readonly disabled?: boolean;
+    /**
+     * The name of a registered icon library.
+     */
+    readonly iconLibrary: string;
+    /**
+     * The name of the icon to render.
+     *
+     * Available names depend on the icon library being used.
+     */
+    readonly iconName?: string;
+    /**
+     * Displays the tab in a collapsed state without its text. The text will be
+     * displayed in a tooltip instead.
+     *
+     * This property has no effect if the tab does not have an icon set.
+     */
+    readonly iconOnly: boolean;
+    /**
+     * The tab's importance.
+     */
+    readonly importance?: Importance;
+    /**
+     * The tab's indicator position.
+     */
+    readonly indicatorPosition?: IndicatorPosition;
+    /**
+     * The tab panel element associated with this tab. The `panel` specified
+     * can be any of the following:
+     *
+     * - A CSS selector string
+     * - A reference to an [`Element`][]
+     * - A function returning a reference to an [`Element`][] or a CSS selector
+     * string
+     *
+     * [`Element`]: https://developer.mozilla.org/docs/Web/API/Element
+     */
+    readonly panel: Element | string | (() => Element | string);
+    /**
+     * The tag icon's accessible text that will be used by
+     * screen readers.
+     */
+    readonly tagIconDescription?: string;
+    /**
+     * The name of the tab's tag icon to render.
+     *
+     * Available names depend on the icon library being used.
+     */
+    readonly tagIconName?: string;
+    /**
+     * The name of a registered icon library.
+     */
+    readonly tagIconLibrary: string;
+    /**
+     * The tab's tag importance.
+     */
+    readonly tagImportance?: HTMLQdsTagElement['importance'];
+    /**
+     * The tab's tag size.
+     */
+    readonly tagSize?: Size;
+    /**
+     * The tab's tag status.
+     */
+    readonly tagStatus?: Status;
+    /**
+     * The tab's tag text.
+     */
+    readonly tagText?: string;
+    /**
+     * Whether or not the tab is selected.
+     */
+    selected: boolean;
+    /**
+     * The tab's size.
+     */
+    readonly size?: Size;
+    /**
+     * Text to display for the subtitle.
+     */
+    readonly subtitle?: string;
+    /**
+     * Primary text to display.
+     */
+    readonly text: string;
+    /**
+     * When set, the underlying tab will be rendered as an `<a>` with this
+     * `href` instead of a `<button>`.
+     *
+     * This property has no effect if the tab has an `action`.
+     *
+     * @webnative
+     */
+    readonly href?: string;
+    /**
+     * Emitted when the tab is closed.
+     */
+    private readonly closeEmitter;
+    /**
+     * Emitted when the tab loses focus.
+     */
+    private readonly blurEmitter;
+    /**
+     * Emitted when the tab gains focus.
+     */
+    private readonly focusEmitter;
+    private readonly host;
+    private tabIndex?;
+    private isIndicatorOnTop;
+    protected panelChanged(): void;
+    protected onClick(event: MouseEvent): void;
+    protected tabindexChanged(newValue: string): void;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}
+//# sourceMappingURL=tab.d.ts.map

package/dist/types/components/tabbar/tabbar.d.ts

@@ -0,0 +1,47 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+export type Layer = 'accessory' | 'main' | 'panel' | 'popup';
+export type Level = 'root' | 'section' | 'subsection';
+export type Orientation = 'horizontal' | 'vertical';
+/**
+ * `<qds-tabbar>` is the component that facilitates navigation between the groups
+ * of related content within the page.
+ * It allows users to switch between groups by clicking on Tabs without going to another page.
+ */
+export declare class Tabbar implements ComponentInterface {
+    #private;
+    /**
+     * The tabbar's layer.
+     */
+    layer?: Layer;
+    /**
+     * The tabbar's level.
+     */
+    level?: Level;
+    /**
+     * The tabbar's orientation.
+     */
+    orientation?: Orientation;
+    /**
+     * the tablist Description
+     */
+    readonly tablistDescription?: string;
+    /**
+     * Emitted when the user selects the tab.
+     */
+    private readonly showEmitter;
+    /**
+     * Emitted when the user selects the tab.
+     */
+    private readonly hideEmitter;
+    private readonly host;
+    private disableEndArrow;
+    private disableStartArrow;
+    private activeTab?;
+    protected windowResize(): void;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}
+//# sourceMappingURL=tabbar.d.ts.map

package/dist/types/components/table/table.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * The `<qds-table>` element represents tabular data — that is, information
+ * presented in a two-dimensional table comprised of rows and columns of cells
+ * containing data.
+ *
+ * @see https://quartz.se.com/build/components/table
+ */
+export declare class Table implements ComponentInterface {
+    #private;
+    private readonly host;
+    componentWillLoad(): void;
+    render(): any;
+}
+//# sourceMappingURL=table.d.ts.map

package/dist/types/components/table-body/table-body.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * The `<qds-table-body>` element encapsulates a set of rows (`<qds-table-row>`
+ * elements) indicating that they comprise the body of the table
+ * (`<qds-table>`).
+ *
+ * @see https://quartz.se.com/build/components/table
+ */
+export declare class TableBody implements ComponentInterface {
+    #private;
+    private readonly host;
+    componentWillLoad(): void;
+    render(): any;
+}
+//# sourceMappingURL=table-body.d.ts.map

package/dist/types/components/table-cell/table-cell.d.ts

@@ -0,0 +1,32 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * The `<qds-table-cell>` element defines a cell of a table that contains data.
+ * It participates in the *table model*.
+ *
+ * @see https://quartz.se.com/build/components/table
+ */
+export declare class TableCell implements ComponentInterface {
+    #private;
+    /**
+     * Non-negative integer value that indicates for how many columns the cell
+     * extends. Its default value is `1`. Values higher than 1000 will be
+     * considered as incorrect and will be set to the default value (1).
+     *
+     * @webnative
+     */
+    readonly colSpan?: number;
+    /**
+     * Non-negative integer value that indicates for how many rows the cell
+     * extends. Its default value is `1`; if its value is set to `0`, it extends
+     * until the end of the table section (`<qds-table-head>` or
+     * `<qds-table-body>`, even if implicitly defined), that the cell belongs to.
+     * Values higher than 65534 are clipped down to 65534.
+     *
+     * @webnative
+     */
+    readonly rowSpan?: number;
+    private readonly host;
+    componentWillLoad(): void;
+    render(): any;
+}
+//# sourceMappingURL=table-cell.d.ts.map

package/dist/types/components/table-head/table-head.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * The `<qds-table-head>` element encapsulates a set of rows (`<qds-table-row>`
+ * elements) indicating that they comprise the head of the table
+ * (`<qds-table>`).
+ *
+ * @see https://quartz.se.com/build/components/table
+ */
+export declare class TableHead implements ComponentInterface {
+    #private;
+    private readonly host;
+    componentWillLoad(): void;
+    render(): any;
+}
+//# sourceMappingURL=table-head.d.ts.map

package/dist/types/components/table-head-cell/table-head-cell.d.ts

@@ -0,0 +1,56 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+export type Scope = 'col' | 'row';
+/**
+ * The `<qds-table-head-cell>` element defines a cell as the header of a group
+ * of table cells. The exact nature of this group is defined by the `scope`
+ * attribute.
+ *
+ * @see https://quartz.se.com/build/components/table
+ */
+export declare class TableHeadCell implements ComponentInterface {
+    #private;
+    /**
+     * A short abbreviated description of the cell's content. Some user-agents,
+     * such as speech readers, may present this description before the content
+     * itself.
+     *
+     * @webnative
+     */
+    readonly abbr?: string;
+    /**
+     * Non-negative integer value that indicates for how many columns the cell
+     * extends. Its default value is `1`. Values higher than 1000 will be
+     * considered as incorrect and will be set to the default value (1).
+     *
+     * @webnative
+     */
+    readonly colSpan?: number;
+    /**
+     * Non-negative integer value that indicates for how many rows the cell
+     * extends. Its default value is `1`; if its value is set to `0`, it extends
+     * until the end of the table section (`<qds-table-head>` or
+     * `<qds-table-body>`, even if implicitly defined), that the cell belongs to.
+     * Values higher than 65534 are clipped down to 65534.
+     *
+     * @webnative
+     */
+    readonly rowSpan?: number;
+    /**
+     * Defines the cells that the header element relates to. It may have the
+     * following values:
+     *
+     * - `row`: The header relates to all cells of the row it belongs to.
+     * - `col`: The header relates to all cells of the column it belongs to.
+     *
+     * If the `scope` attribute is not specified, or its value is not `row` or
+     * `col`, then browsers automatically select the set of cells to which the
+     * header cell applies.
+     *
+     * @webnative
+     */
+    readonly scope?: Scope;
+    private readonly host;
+    componentWillLoad(): void;
+    render(): any;
+}
+//# sourceMappingURL=table-head-cell.d.ts.map

package/dist/types/components/table-row/table-row.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * The `<qds-table-row>` element defines a row of cells in a table. The row's
+ * cells can then be established using a mix of `<qds-table-cell>` (data cell)
+ * and `<qds-table-head-cell>` (header cell) elements.
+ *
+ * @see https://quartz.se.com/build/components/table
+ */
+export declare class TableRow implements ComponentInterface {
+    #private;
+    private readonly host;
+    componentWillLoad(): void;
+    render(): any;
+}
+//# sourceMappingURL=table-row.d.ts.map

package/dist/types/components/tag/tag.d.ts

@@ -0,0 +1,55 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+import type { Importance, Size, Status } from '../shared';
+export type TagStatus = Status | 'neutral';
+/**
+ * The `<qds-tag>` element is a static descriptor used for items that need to
+ * be labeled, categorized, or organized using keywords that describe them.
+ *
+ * @see https://quartz.se.com/build/components/tag
+ */
+export declare class Tag implements ComponentInterface {
+    #private;
+    /**
+     * The name of the icon to render.
+     *
+     * Available names depend on the icon library being used.
+     */
+    readonly iconName?: string;
+    /**
+     * The name of a registered icon library.
+     */
+    readonly iconLibrary: string;
+    /**
+     * The tag's importance.
+     */
+    readonly importance?: Importance;
+    /**
+     * The tag's status.
+     */
+    readonly status?: TagStatus;
+    /**
+     * The tag's size.
+     */
+    readonly size?: Size;
+    /**
+     * The tag's text.
+     */
+    readonly text?: string;
+    /**
+     * Provides a text description of the icon for screen readers.
+     */
+    readonly iconDescription?: string;
+    /**
+     * Displays an indicator if `true`.
+     */
+    readonly badge?: boolean;
+    /**
+     * The indicator badge's accessible text that will be used by
+     * screen readers.
+     */
+    readonly badgeDescription?: string;
+    private readonly host;
+    componentWillLoad(): void;
+    render(): any;
+}
+//# sourceMappingURL=tag.d.ts.map