@gjsify/adwaita-web 0.31.0 → 0.32.0
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/adwaita-web.css +786 -272
- package/dist/adwaita-web.css.map +1 -1
- package/lib/types/adw-about-dialog.spec.d.ts +1 -0
- package/lib/types/adw-action-rows.spec.d.ts +1 -0
- package/lib/types/adw-avatar.spec.d.ts +1 -0
- package/lib/types/adw-banner.spec.d.ts +1 -0
- package/lib/types/adw-button-content.spec.d.ts +1 -0
- package/lib/types/adw-carousel.spec.d.ts +1 -0
- package/lib/types/adw-checks.spec.d.ts +1 -0
- package/lib/types/adw-header-bar.spec.d.ts +1 -0
- package/lib/types/adw-icon.spec.d.ts +1 -0
- package/lib/types/adw-progress-bar.spec.d.ts +1 -0
- package/lib/types/adw-sidebar.spec.d.ts +1 -0
- package/lib/types/adw-switch.spec.d.ts +1 -0
- package/lib/types/adw-wrap-box.spec.d.ts +1 -0
- package/lib/types/bottom-sheet.spec.d.ts +1 -0
- package/lib/types/breakpoints.d.ts +22 -0
- package/lib/types/breakpoints.spec.d.ts +1 -0
- package/lib/types/chrome.spec.d.ts +1 -0
- package/lib/types/elements/adw-about-dialog.d.ts +47 -8
- package/lib/types/elements/adw-action-row.d.ts +35 -0
- package/lib/types/elements/adw-avatar.d.ts +11 -0
- package/lib/types/elements/adw-bottom-sheet.d.ts +33 -4
- package/lib/types/elements/adw-button-content.d.ts +12 -0
- package/lib/types/elements/adw-button-row.d.ts +10 -1
- package/lib/types/elements/adw-carousel.d.ts +111 -8
- package/lib/types/elements/adw-checks.d.ts +57 -0
- package/lib/types/elements/adw-clamp.d.ts +4 -1
- package/lib/types/elements/adw-data-grid.d.ts +11 -31
- package/lib/types/elements/adw-drop-down.d.ts +17 -20
- package/lib/types/elements/adw-entry-row.d.ts +93 -3
- package/lib/types/elements/adw-expander-row.d.ts +7 -1
- package/lib/types/elements/adw-header-bar.d.ts +15 -0
- package/lib/types/elements/adw-icon.d.ts +25 -0
- package/lib/types/elements/adw-inline-view-switcher.d.ts +37 -11
- package/lib/types/elements/adw-menu-button.d.ts +6 -6
- package/lib/types/elements/adw-navigation-split-view.d.ts +6 -0
- package/lib/types/elements/adw-navigation-view.d.ts +63 -20
- package/lib/types/elements/adw-overlay-split-view.d.ts +38 -0
- package/lib/types/elements/adw-password-entry-row.d.ts +19 -10
- package/lib/types/elements/adw-popover.d.ts +58 -0
- package/lib/types/elements/adw-preferences-dialog.d.ts +57 -2
- package/lib/types/elements/adw-preferences-group.d.ts +31 -0
- package/lib/types/elements/adw-progress-bar.d.ts +38 -0
- package/lib/types/elements/adw-sidebar.d.ts +37 -5
- package/lib/types/elements/adw-split-button.d.ts +53 -7
- package/lib/types/elements/adw-switch-row.d.ts +11 -2
- package/lib/types/elements/adw-switch.d.ts +15 -0
- package/lib/types/elements/adw-tab-view.d.ts +129 -12
- package/lib/types/elements/adw-toolbar-view.d.ts +5 -0
- package/lib/types/elements/adw-view-stack.d.ts +27 -19
- package/lib/types/elements/adw-view-switcher-bar.d.ts +23 -7
- package/lib/types/elements/adw-view-switcher.d.ts +22 -11
- package/lib/types/elements/adw-window-title.d.ts +3 -1
- package/lib/types/elements/view-switcher-dom.d.ts +44 -0
- package/lib/types/entry-rows.spec.d.ts +1 -0
- package/lib/types/index.d.ts +7 -0
- package/lib/types/navigation-view.spec.d.ts +1 -0
- package/lib/types/preferences-search.d.ts +20 -0
- package/lib/types/preferences.spec.d.ts +1 -0
- package/lib/types/split-button.spec.d.ts +1 -0
- package/lib/types/split-views.spec.d.ts +1 -0
- package/lib/types/styles.generated.d.ts +1 -1
- package/lib/types/tab-view.spec.d.ts +1 -0
- package/lib/types/view-stack.spec.d.ts +1 -0
- package/lib/types/view-switcher.spec.d.ts +1 -0
- package/package.json +6 -6
- package/scss/_banner.scss +13 -0
- package/scss/_bottom_sheet.scss +5 -6
- package/scss/_button.scss +3 -26
- package/scss/_button_content.scss +28 -0
- package/scss/_checks.scss +228 -0
- package/scss/_clamp.scss +9 -3
- package/scss/_data_grid.scss +15 -7
- package/scss/_drop_down.scss +12 -55
- package/scss/_expander_row.scss +5 -50
- package/scss/_icon.scss +51 -0
- package/scss/_icons.generated.scss +6 -0
- package/scss/_inline_view_switcher.scss +34 -0
- package/scss/_labels.scss +135 -0
- package/scss/_menu_button.scss +10 -70
- package/scss/_popover.scss +186 -0
- package/scss/_preferences.scss +29 -0
- package/scss/_preferences_dialog.scss +17 -0
- package/scss/_progress_bar.scss +161 -0
- package/scss/_reset.scss +18 -7
- package/scss/_spinner.scss +7 -3
- package/scss/_split_button.scss +6 -50
- package/scss/_switch.scss +90 -0
- package/scss/_switch_row.scss +6 -52
- package/scss/_tab_view.scss +64 -0
- package/scss/_theme.scss +10 -0
- package/scss/_toolbar_view.scss +74 -0
- package/scss/_variables.scss +34 -0
- package/scss/_view_switcher.scss +40 -0
- package/scss/_view_switcher_bar.scss +37 -0
- package/scss/_wrap_box.scss +56 -6
- package/scss/adwaita-skin.scss +23 -0
- package/src/adw-about-dialog.spec.ts +350 -0
- package/src/adw-action-rows.spec.ts +342 -0
- package/src/adw-avatar.spec.ts +139 -0
- package/src/adw-banner.spec.ts +152 -0
- package/src/adw-button-content.spec.ts +183 -0
- package/src/adw-button-row.spec.ts +12 -6
- package/src/adw-carousel.spec.ts +389 -0
- package/src/adw-checks.spec.ts +368 -0
- package/src/adw-drop-down.spec.ts +123 -0
- package/src/adw-header-bar.spec.ts +83 -0
- package/src/adw-icon.spec.ts +167 -0
- package/src/adw-progress-bar.spec.ts +173 -0
- package/src/adw-sidebar.spec.ts +332 -0
- package/src/adw-switch.spec.ts +242 -0
- package/src/adw-tab-view.spec.ts +12 -3
- package/src/adw-view-switcher-bar.spec.ts +61 -13
- package/src/adw-wrap-box.spec.ts +194 -0
- package/src/bottom-sheet.spec.ts +325 -0
- package/src/breakpoints.spec.ts +147 -0
- package/src/breakpoints.ts +67 -0
- package/src/chrome.spec.ts +301 -0
- package/src/elements/adw-about-dialog.ts +223 -163
- package/src/elements/adw-action-row.ts +120 -10
- package/src/elements/adw-avatar.ts +48 -54
- package/src/elements/adw-banner.ts +46 -10
- package/src/elements/adw-bottom-sheet.ts +145 -60
- package/src/elements/adw-button-content.ts +107 -33
- package/src/elements/adw-button-row.ts +61 -37
- package/src/elements/adw-button.ts +5 -7
- package/src/elements/adw-carousel.ts +467 -105
- package/src/elements/adw-checks.ts +299 -0
- package/src/elements/adw-clamp.ts +80 -10
- package/src/elements/adw-combo-row.ts +15 -7
- package/src/elements/adw-data-grid.ts +43 -91
- package/src/elements/adw-drop-down.ts +117 -128
- package/src/elements/adw-entry-row.ts +404 -36
- package/src/elements/adw-expander-row.ts +61 -29
- package/src/elements/adw-header-bar.ts +31 -6
- package/src/elements/adw-icon.ts +148 -0
- package/src/elements/adw-inline-view-switcher.ts +240 -129
- package/src/elements/adw-menu-button.ts +93 -70
- package/src/elements/adw-navigation-split-view.ts +48 -7
- package/src/elements/adw-navigation-view.ts +286 -148
- package/src/elements/adw-overlay-split-view.ts +164 -14
- package/src/elements/adw-password-entry-row.ts +111 -89
- package/src/elements/adw-popover.ts +283 -0
- package/src/elements/adw-preferences-dialog.ts +120 -21
- package/src/elements/adw-preferences-group.ts +128 -22
- package/src/elements/adw-progress-bar.ts +189 -0
- package/src/elements/adw-sidebar.ts +301 -142
- package/src/elements/adw-spin-row.ts +11 -5
- package/src/elements/adw-spinner.ts +23 -8
- package/src/elements/adw-split-button.ts +371 -92
- package/src/elements/adw-status-page.ts +9 -9
- package/src/elements/adw-switch-row.ts +100 -30
- package/src/elements/adw-switch.ts +129 -0
- package/src/elements/adw-tab-view.ts +682 -129
- package/src/elements/adw-toggle-group.ts +5 -7
- package/src/elements/adw-toolbar-view.ts +84 -21
- package/src/elements/adw-view-stack.ts +162 -85
- package/src/elements/adw-view-switcher-bar.ts +163 -81
- package/src/elements/adw-view-switcher.ts +231 -112
- package/src/elements/adw-window-title.ts +44 -11
- package/src/elements/adw-wrap-box.ts +131 -35
- package/src/elements/view-switcher-dom.ts +108 -0
- package/src/entry-rows.spec.ts +391 -0
- package/src/index.ts +23 -0
- package/src/navigation-view.spec.ts +435 -0
- package/src/preferences-search.ts +135 -0
- package/src/preferences.spec.ts +250 -0
- package/src/source-view/adw-source-view.ts +2 -5
- package/src/split-button.spec.ts +470 -0
- package/src/split-views.spec.ts +309 -0
- package/src/styles.generated.ts +1 -1
- package/src/tab-view.spec.ts +451 -0
- package/src/test.browser.mts +49 -0
- package/src/view-stack.spec.ts +272 -0
- package/src/view-switcher.spec.ts +446 -0
|
@@ -1,29 +1,40 @@
|
|
|
1
|
-
type
|
|
1
|
+
import type { AdwViewSwitcherPage as AdwViewSwitcherPageInfo, AdwViewSwitcherPolicy } from '@gjsify/adwaita-core';
|
|
2
2
|
/** A single page. Children of <adw-view-switcher>; consumed at connect time. */
|
|
3
3
|
export declare class AdwViewSwitcherPage extends HTMLElement {
|
|
4
4
|
static get observedAttributes(): string[];
|
|
5
5
|
}
|
|
6
6
|
export declare class AdwViewSwitcher extends HTMLElement {
|
|
7
|
+
private readonly _state;
|
|
7
8
|
private _barEl;
|
|
8
9
|
private _contentEl;
|
|
9
|
-
private
|
|
10
|
-
private _active;
|
|
10
|
+
private _nodes;
|
|
11
11
|
private _policy;
|
|
12
12
|
private _initialized;
|
|
13
13
|
static get observedAttributes(): string[];
|
|
14
|
+
constructor();
|
|
14
15
|
/** The policy controlling the button layout ('wide' | 'narrow'). */
|
|
15
|
-
get policy():
|
|
16
|
-
set policy(value:
|
|
17
|
-
/** Zero-based index of the
|
|
16
|
+
get policy(): AdwViewSwitcherPolicy;
|
|
17
|
+
set policy(value: AdwViewSwitcherPolicy);
|
|
18
|
+
/** Zero-based index of the selected page, `-1` when nothing is selected. */
|
|
18
19
|
get active(): number;
|
|
19
20
|
set active(value: number);
|
|
20
|
-
/**
|
|
21
|
-
get visibleChildName(): string
|
|
21
|
+
/** Name of the selected page, `''` when nothing is selected. */
|
|
22
|
+
get visibleChildName(): string;
|
|
23
|
+
set visibleChildName(name: string | null | undefined);
|
|
24
|
+
/** The resolved page records a bound layout can read. */
|
|
25
|
+
get pages(): readonly AdwViewSwitcherPageInfo[];
|
|
26
|
+
/**
|
|
27
|
+
* Show or hide a page (`AdwViewStackPage:visible`). Returns whether the
|
|
28
|
+
* SELECTION moved — hiding the selected page falls back to the first still
|
|
29
|
+
* visible one (adw-view-stack.c:1061-1082).
|
|
30
|
+
*/
|
|
31
|
+
setPageVisible(name: string, visible: boolean): boolean;
|
|
22
32
|
connectedCallback(): void;
|
|
33
|
+
disconnectedCallback(): void;
|
|
23
34
|
attributeChangedCallback(name: string): void;
|
|
35
|
+
private _buildPage;
|
|
24
36
|
private _readPolicyAttr;
|
|
25
|
-
private
|
|
26
|
-
private _selectIndex;
|
|
37
|
+
private _onStateChange;
|
|
27
38
|
private _render;
|
|
39
|
+
private _reflectActive;
|
|
28
40
|
}
|
|
29
|
-
export {};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
export declare class AdwWindowTitle extends HTMLElement {
|
|
2
2
|
private _titleEl;
|
|
3
3
|
private _subtitleEl;
|
|
4
|
+
/** The headless title/subtitle pair + change detection (ADR 0004). */
|
|
5
|
+
private readonly _state;
|
|
4
6
|
private _initialized;
|
|
5
7
|
static get observedAttributes(): string[];
|
|
6
8
|
connectedCallback(): void;
|
|
7
|
-
attributeChangedCallback(): void;
|
|
9
|
+
attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
|
|
8
10
|
private _render;
|
|
9
11
|
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { AdwViewSwitcherPageInit, ViewSwitcherScheduler } from '@gjsify/adwaita-core';
|
|
2
|
+
import { type AdwIcon } from './adw-icon.js';
|
|
3
|
+
/**
|
|
4
|
+
* The browser's timer behind the core's scheduler seam.
|
|
5
|
+
*
|
|
6
|
+
* One shared instance rather than one per element: it holds no state, and the
|
|
7
|
+
* seam exists so the CORE stays free of a global timer, not so each element
|
|
8
|
+
* invents its own.
|
|
9
|
+
*/
|
|
10
|
+
export declare const domViewSwitcherScheduler: ViewSwitcherScheduler;
|
|
11
|
+
/**
|
|
12
|
+
* Build a switcher button's icon node, carrying its own position class.
|
|
13
|
+
*
|
|
14
|
+
* The core resolves NULL/empty to `image-missing` (which the stylesheet carries
|
|
15
|
+
* a real glyph for); the `-symbolic` strip and the CSS-token guard are
|
|
16
|
+
* `normalizeIconName`'s, applied by `<adw-icon>` — that strip is this package's
|
|
17
|
+
* own mask-class convention and has no counterpart in C, where the name reaches
|
|
18
|
+
* `GtkImage` untouched.
|
|
19
|
+
*/
|
|
20
|
+
export declare function createSwitcherIcon(iconName: string, extra: string): AdwIcon;
|
|
21
|
+
/** Repaint an existing switcher icon from a page's declared name. */
|
|
22
|
+
export declare function applySwitcherIcon(icon: AdwIcon, iconName: string): void;
|
|
23
|
+
/**
|
|
24
|
+
* Read a declared page element into the core's page init.
|
|
25
|
+
*
|
|
26
|
+
* `getAttribute` returns `null` for an absent attribute, which is EXACTLY C's
|
|
27
|
+
* NULL — so the values are passed through unchanged rather than defaulted to
|
|
28
|
+
* `''`. That `?? ''` is what made the button-visibility rule unimplementable in
|
|
29
|
+
* the old code: once an absent title has become the empty string, "the page has
|
|
30
|
+
* no title" is no longer expressible.
|
|
31
|
+
*/
|
|
32
|
+
export declare function readSwitcherPage(element: Element): AdwViewSwitcherPageInit;
|
|
33
|
+
/**
|
|
34
|
+
* Paint `AdwIndicatorBin`'s badge/dot onto a span: the badge text when there is
|
|
35
|
+
* one, a bare dot when only `needs-attention` is set, nothing otherwise
|
|
36
|
+
* (adw-indicator-bin.c:58-68 + the `.needs-attention` style class).
|
|
37
|
+
*/
|
|
38
|
+
export declare function applyIndicator(indicator: HTMLElement, badgeLabel: string, needsAttention: boolean): void;
|
|
39
|
+
/**
|
|
40
|
+
* Mirror the derived screen-reader description onto the element, REMOVING the
|
|
41
|
+
* attribute when there is none — `update_description_cb` resets the accessible
|
|
42
|
+
* property rather than setting it to `""` (adw-view-switcher-button.c:104-113).
|
|
43
|
+
*/
|
|
44
|
+
export declare function applyDescription(element: HTMLElement, description: string): void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const AdwEntryRowsTest: () => Promise<void>;
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import '@gjsify/adwaita-fonts';
|
|
2
|
+
export { addBreakpoints, bindBreakpointSetter } from './breakpoints.js';
|
|
2
3
|
export { AdwAvatar } from './elements/adw-avatar.js';
|
|
3
4
|
export { AdwBanner } from './elements/adw-banner.js';
|
|
4
5
|
export { AdwCard } from './elements/adw-card.js';
|
|
@@ -12,6 +13,12 @@ export { AdwHeaderBar } from './elements/adw-header-bar.js';
|
|
|
12
13
|
export { AdwWindowTitle } from './elements/adw-window-title.js';
|
|
13
14
|
export { AdwButton } from './elements/adw-button.js';
|
|
14
15
|
export { AdwButtonContent } from './elements/adw-button-content.js';
|
|
16
|
+
export { AdwIcon, createAdwIcon } from './elements/adw-icon.js';
|
|
17
|
+
export { AdwSwitch } from './elements/adw-switch.js';
|
|
18
|
+
export { AdwCheckbox, AdwRadio } from './elements/adw-checks.js';
|
|
19
|
+
export { AdwProgressBar } from './elements/adw-progress-bar.js';
|
|
20
|
+
export { AdwPopover } from './elements/adw-popover.js';
|
|
21
|
+
export type { AdwPopoverAlign, AdwPopoverPosition, AdwPopoverRole } from './elements/adw-popover.js';
|
|
15
22
|
export { AdwSplitButton } from './elements/adw-split-button.js';
|
|
16
23
|
export { AdwToggle, AdwToggleGroup } from './elements/adw-toggle-group.js';
|
|
17
24
|
export { AdwEntry } from './elements/adw-entry.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const AdwNavigationViewTest: () => Promise<void>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type PreferencesSearchPage, type PreferencesSearchResult, type SearchPreferencesOptions } from '@gjsify/adwaita-core';
|
|
2
|
+
/**
|
|
3
|
+
* Describe every `<adw-preferences-page>` under `root` as the tree
|
|
4
|
+
* `searchPreferences` indexes.
|
|
5
|
+
*
|
|
6
|
+
* Page identity is read off the element itself — which is why the dialog keeps
|
|
7
|
+
* the page elements in its subtree instead of hoisting their children out. A
|
|
8
|
+
* flattened dialog has no page titles, and `create_search_row_subtitle` needs
|
|
9
|
+
* them the moment a second page exists.
|
|
10
|
+
*/
|
|
11
|
+
export declare function describePreferencesPages(root: ParentNode): PreferencesSearchPage<Element>[];
|
|
12
|
+
/**
|
|
13
|
+
* Search the preferences pages under `root`, returning the result rows a
|
|
14
|
+
* `search_results` list box would be bound to.
|
|
15
|
+
*
|
|
16
|
+
* Each result carries the `<adw-preferences-page>` and the row element, so a
|
|
17
|
+
* caller can reproduce `search_result_activated_cb`: reveal the page, focus
|
|
18
|
+
* the row.
|
|
19
|
+
*/
|
|
20
|
+
export declare function searchPreferencesDom(root: ParentNode, query: string, options?: SearchPreferencesOptions): PreferencesSearchResult<Element>[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const AdwPreferencesTest: () => Promise<void>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const AdwSplitButtonTest: () => Promise<void>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const AdwSplitViewsTest: () => Promise<void>;
|