valtech-components 2.0.783 → 2.0.785
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/esm2022/lib/components/molecules/page-links/page-links.component.mjs +150 -0
- package/esm2022/lib/components/molecules/page-links/types.mjs +2 -0
- package/esm2022/lib/config/company-footer.config.mjs +3 -3
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/valtech-components.mjs +148 -5
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/page-links/page-links.component.d.ts +29 -0
- package/lib/components/molecules/page-links/types.d.ts +38 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { PageLink, PageLinksMetadata } from './types';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* `val-page-links` — stacked list of navigational links with optional dividers.
|
|
5
|
+
* Used for legal/policies, footer link columns, "about" sections, etc.
|
|
6
|
+
*
|
|
7
|
+
* Each item can navigate via Angular `routerLink` (SPA) or external `href`.
|
|
8
|
+
* Detects absolute URLs (`http(s)://`) to apply `target="_blank"` by default.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* <val-page-links [props]="{
|
|
12
|
+
* links: [
|
|
13
|
+
* { label: 'Terms', routerLink: '/legal/terms' },
|
|
14
|
+
* { label: 'Privacy', routerLink: '/legal/privacy' },
|
|
15
|
+
* { label: 'Visit main site', href: 'https://myvaltech.com', icon: 'open-outline' },
|
|
16
|
+
* ],
|
|
17
|
+
* }"></val-page-links>
|
|
18
|
+
*/
|
|
19
|
+
export declare class PageLinksComponent {
|
|
20
|
+
/** Page links configuration object. */
|
|
21
|
+
set props(value: PageLinksMetadata);
|
|
22
|
+
get props(): PageLinksMetadata;
|
|
23
|
+
private _props;
|
|
24
|
+
protected links: import("@angular/core").Signal<PageLink[]>;
|
|
25
|
+
constructor();
|
|
26
|
+
protected isExternal(link: PageLink): boolean;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PageLinksComponent, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PageLinksComponent, "val-page-links", never, { "props": { "alias": "props"; "required": true; }; }, {}, never, never, true, never>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Single entry of a `val-page-links` list.
|
|
3
|
+
*
|
|
4
|
+
* Pass EITHER `routerLink` (Angular SPA navigation) OR `href` (external URL).
|
|
5
|
+
* If both are present, `routerLink` wins.
|
|
6
|
+
*/
|
|
7
|
+
export interface PageLink {
|
|
8
|
+
/** Visible text. */
|
|
9
|
+
label: string;
|
|
10
|
+
/** Angular router path (e.g. `/legal/terms`). */
|
|
11
|
+
routerLink?: string;
|
|
12
|
+
/** External URL (e.g. `https://myvaltech.com/legal/terms`). */
|
|
13
|
+
href?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Force opens in a new tab. Defaults to `true` when `href` looks absolute
|
|
16
|
+
* (starts with `http://` or `https://`).
|
|
17
|
+
*/
|
|
18
|
+
external?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Optional Ionic icon name shown after the label (e.g. `arrow-forward-outline`,
|
|
21
|
+
* `open-outline` for external). When omitted, no icon is rendered.
|
|
22
|
+
*/
|
|
23
|
+
icon?: string;
|
|
24
|
+
/** Optional tooltip / aria-label override. */
|
|
25
|
+
ariaLabel?: string;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Config for `val-page-links` — stacked list of navigational links.
|
|
29
|
+
* Used for legal/policies, footer link columns, "About" sections, etc.
|
|
30
|
+
*/
|
|
31
|
+
export interface PageLinksMetadata {
|
|
32
|
+
/** Items to render in order. */
|
|
33
|
+
links: PageLink[];
|
|
34
|
+
/** Show a divider line between items. Default `true`. */
|
|
35
|
+
showDividers?: boolean;
|
|
36
|
+
/** Visual size preset. Default `'medium'`. */
|
|
37
|
+
size?: 'small' | 'medium' | 'large';
|
|
38
|
+
}
|
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -79,6 +79,8 @@ export * from './lib/components/molecules/links-cake/links-cake.component';
|
|
|
79
79
|
export * from './lib/components/molecules/links-cake/types';
|
|
80
80
|
export * from './lib/components/molecules/notes-box/notes-box.component';
|
|
81
81
|
export * from './lib/components/molecules/notes-box/types';
|
|
82
|
+
export * from './lib/components/molecules/page-links/page-links.component';
|
|
83
|
+
export * from './lib/components/molecules/page-links/types';
|
|
82
84
|
export * from './lib/components/molecules/number-input/number-input.component';
|
|
83
85
|
export * from './lib/components/molecules/number-from-to/number-from-to.component';
|
|
84
86
|
export * from './lib/components/molecules/number-from-to/types';
|