@hyalo/angular 0.0.0-stage → 0.3.1
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/CHANGELOG.md +95 -0
- package/LICENSE +21 -0
- package/README.md +45 -2
- package/fesm2022/hyalo-angular-accordion.mjs +230 -0
- package/fesm2022/hyalo-angular-accordion.mjs.map +1 -0
- package/fesm2022/hyalo-angular-alert.mjs +171 -0
- package/fesm2022/hyalo-angular-alert.mjs.map +1 -0
- package/fesm2022/hyalo-angular-aspect-ratio.mjs +64 -0
- package/fesm2022/hyalo-angular-aspect-ratio.mjs.map +1 -0
- package/fesm2022/hyalo-angular-avatar.mjs +169 -0
- package/fesm2022/hyalo-angular-avatar.mjs.map +1 -0
- package/fesm2022/hyalo-angular-badge.mjs +268 -0
- package/fesm2022/hyalo-angular-badge.mjs.map +1 -0
- package/fesm2022/hyalo-angular-bento.mjs +132 -0
- package/fesm2022/hyalo-angular-bento.mjs.map +1 -0
- package/fesm2022/hyalo-angular-blocks.mjs +985 -0
- package/fesm2022/hyalo-angular-blocks.mjs.map +1 -0
- package/fesm2022/hyalo-angular-border-beam.mjs +73 -0
- package/fesm2022/hyalo-angular-border-beam.mjs.map +1 -0
- package/fesm2022/hyalo-angular-breadcrumb.mjs +77 -0
- package/fesm2022/hyalo-angular-breadcrumb.mjs.map +1 -0
- package/fesm2022/hyalo-angular-button-group.mjs +90 -0
- package/fesm2022/hyalo-angular-button-group.mjs.map +1 -0
- package/fesm2022/hyalo-angular-button.mjs +204 -0
- package/fesm2022/hyalo-angular-button.mjs.map +1 -0
- package/fesm2022/hyalo-angular-card.mjs +221 -0
- package/fesm2022/hyalo-angular-card.mjs.map +1 -0
- package/fesm2022/hyalo-angular-carousel.mjs +709 -0
- package/fesm2022/hyalo-angular-carousel.mjs.map +1 -0
- package/fesm2022/hyalo-angular-chapter-nav.mjs +336 -0
- package/fesm2022/hyalo-angular-chapter-nav.mjs.map +1 -0
- package/fesm2022/hyalo-angular-chart-engine-DSJop6He.mjs +5 -0
- package/fesm2022/hyalo-angular-chart-engine-DSJop6He.mjs.map +1 -0
- package/fesm2022/hyalo-angular-chart.mjs +391 -0
- package/fesm2022/hyalo-angular-chart.mjs.map +1 -0
- package/fesm2022/hyalo-angular-choice.mjs +789 -0
- package/fesm2022/hyalo-angular-choice.mjs.map +1 -0
- package/fesm2022/hyalo-angular-code-block-highlight-B20d5C76.mjs +40 -0
- package/fesm2022/hyalo-angular-code-block-highlight-B20d5C76.mjs.map +1 -0
- package/fesm2022/hyalo-angular-code-block.mjs +161 -0
- package/fesm2022/hyalo-angular-code-block.mjs.map +1 -0
- package/fesm2022/hyalo-angular-command.mjs +193 -0
- package/fesm2022/hyalo-angular-command.mjs.map +1 -0
- package/fesm2022/hyalo-angular-copy.mjs +138 -0
- package/fesm2022/hyalo-angular-copy.mjs.map +1 -0
- package/fesm2022/hyalo-angular-core.mjs +424 -0
- package/fesm2022/hyalo-angular-core.mjs.map +1 -0
- package/fesm2022/hyalo-angular-description-list.mjs +57 -0
- package/fesm2022/hyalo-angular-description-list.mjs.map +1 -0
- package/fesm2022/hyalo-angular-dialog.mjs +600 -0
- package/fesm2022/hyalo-angular-dialog.mjs.map +1 -0
- package/fesm2022/hyalo-angular-divider.mjs +66 -0
- package/fesm2022/hyalo-angular-divider.mjs.map +1 -0
- package/fesm2022/hyalo-angular-empty-state.mjs +123 -0
- package/fesm2022/hyalo-angular-empty-state.mjs.map +1 -0
- package/fesm2022/hyalo-angular-field.mjs +344 -0
- package/fesm2022/hyalo-angular-field.mjs.map +1 -0
- package/fesm2022/hyalo-angular-filter.mjs +309 -0
- package/fesm2022/hyalo-angular-filter.mjs.map +1 -0
- package/fesm2022/hyalo-angular-hotspot.mjs +225 -0
- package/fesm2022/hyalo-angular-hotspot.mjs.map +1 -0
- package/fesm2022/hyalo-angular-hover-card.mjs +233 -0
- package/fesm2022/hyalo-angular-hover-card.mjs.map +1 -0
- package/fesm2022/hyalo-angular-icon.mjs +385 -0
- package/fesm2022/hyalo-angular-icon.mjs.map +1 -0
- package/fesm2022/hyalo-angular-image-compare.mjs +168 -0
- package/fesm2022/hyalo-angular-image-compare.mjs.map +1 -0
- package/fesm2022/hyalo-angular-interaction.mjs +446 -0
- package/fesm2022/hyalo-angular-interaction.mjs.map +1 -0
- package/fesm2022/hyalo-angular-kbd.mjs +41 -0
- package/fesm2022/hyalo-angular-kbd.mjs.map +1 -0
- package/fesm2022/hyalo-angular-lightbox.mjs +228 -0
- package/fesm2022/hyalo-angular-lightbox.mjs.map +1 -0
- package/fesm2022/hyalo-angular-link.mjs +42 -0
- package/fesm2022/hyalo-angular-link.mjs.map +1 -0
- package/fesm2022/hyalo-angular-list.mjs +131 -0
- package/fesm2022/hyalo-angular-list.mjs.map +1 -0
- package/fesm2022/hyalo-angular-marquee.mjs +197 -0
- package/fesm2022/hyalo-angular-marquee.mjs.map +1 -0
- package/fesm2022/hyalo-angular-menu.mjs +423 -0
- package/fesm2022/hyalo-angular-menu.mjs.map +1 -0
- package/fesm2022/hyalo-angular-mesh.mjs +126 -0
- package/fesm2022/hyalo-angular-mesh.mjs.map +1 -0
- package/fesm2022/hyalo-angular-motion.mjs +620 -0
- package/fesm2022/hyalo-angular-motion.mjs.map +1 -0
- package/fesm2022/hyalo-angular-navbar.mjs +343 -0
- package/fesm2022/hyalo-angular-navbar.mjs.map +1 -0
- package/fesm2022/hyalo-angular-navigation-menu.mjs +222 -0
- package/fesm2022/hyalo-angular-navigation-menu.mjs.map +1 -0
- package/fesm2022/hyalo-angular-number-ticker.mjs +174 -0
- package/fesm2022/hyalo-angular-number-ticker.mjs.map +1 -0
- package/fesm2022/hyalo-angular-overlay.mjs +163 -0
- package/fesm2022/hyalo-angular-overlay.mjs.map +1 -0
- package/fesm2022/hyalo-angular-pagination.mjs +187 -0
- package/fesm2022/hyalo-angular-pagination.mjs.map +1 -0
- package/fesm2022/hyalo-angular-popover-overlay-kit-6wPwnxln.mjs +3 -0
- package/fesm2022/hyalo-angular-popover.mjs +516 -0
- package/fesm2022/hyalo-angular-popover.mjs.map +1 -0
- package/fesm2022/hyalo-angular-progress.mjs +209 -0
- package/fesm2022/hyalo-angular-progress.mjs.map +1 -0
- package/fesm2022/hyalo-angular-progressive-blur.mjs +73 -0
- package/fesm2022/hyalo-angular-progressive-blur.mjs.map +1 -0
- package/fesm2022/hyalo-angular-refraction-renderer-5ZA-kfsA.mjs +186 -0
- package/fesm2022/hyalo-angular-refraction-renderer-5ZA-kfsA.mjs.map +1 -0
- package/fesm2022/hyalo-angular-refraction.mjs +178 -0
- package/fesm2022/hyalo-angular-refraction.mjs.map +1 -0
- package/fesm2022/hyalo-angular-scroll-area.mjs +93 -0
- package/fesm2022/hyalo-angular-scroll-area.mjs.map +1 -0
- package/fesm2022/hyalo-angular-scroll-to-top.mjs +127 -0
- package/fesm2022/hyalo-angular-scroll-to-top.mjs.map +1 -0
- package/fesm2022/hyalo-angular-segmented.mjs +223 -0
- package/fesm2022/hyalo-angular-segmented.mjs.map +1 -0
- package/fesm2022/hyalo-angular-select.mjs +561 -0
- package/fesm2022/hyalo-angular-select.mjs.map +1 -0
- package/fesm2022/hyalo-angular-sidebar.mjs +241 -0
- package/fesm2022/hyalo-angular-sidebar.mjs.map +1 -0
- package/fesm2022/hyalo-angular-skeleton.mjs +131 -0
- package/fesm2022/hyalo-angular-skeleton.mjs.map +1 -0
- package/fesm2022/hyalo-angular-sparkline.mjs +110 -0
- package/fesm2022/hyalo-angular-sparkline.mjs.map +1 -0
- package/fesm2022/hyalo-angular-split-text.mjs +126 -0
- package/fesm2022/hyalo-angular-split-text.mjs.map +1 -0
- package/fesm2022/hyalo-angular-stat.mjs +193 -0
- package/fesm2022/hyalo-angular-stat.mjs.map +1 -0
- package/fesm2022/hyalo-angular-stepper.mjs +254 -0
- package/fesm2022/hyalo-angular-stepper.mjs.map +1 -0
- package/fesm2022/hyalo-angular-table.mjs +335 -0
- package/fesm2022/hyalo-angular-table.mjs.map +1 -0
- package/fesm2022/hyalo-angular-tabs.mjs +324 -0
- package/fesm2022/hyalo-angular-tabs.mjs.map +1 -0
- package/fesm2022/hyalo-angular-theme.mjs +94 -0
- package/fesm2022/hyalo-angular-theme.mjs.map +1 -0
- package/fesm2022/hyalo-angular-timeline.mjs +157 -0
- package/fesm2022/hyalo-angular-timeline.mjs.map +1 -0
- package/fesm2022/hyalo-angular-toast.mjs +323 -0
- package/fesm2022/hyalo-angular-toast.mjs.map +1 -0
- package/fesm2022/hyalo-angular.mjs +2 -0
- package/package.json +329 -3
- package/styles/hyalo-core.css +25 -0
- package/styles/hyalo.css +17 -0
- package/styles/overlays/dialog.css +9 -0
- package/styles/overlays/popover.css +9 -0
- package/styles/overlays/select.css +9 -0
- package/styles/overlays/toast.css +8 -0
- package/styles/palettes/aurora.css +47 -0
- package/styles/palettes/ember.css +47 -0
- package/styles/palettes/graphite.css +47 -0
- package/styles/palettes/ocean.css +47 -0
- package/styles/palettes/orchid.css +47 -0
- package/styles/palettes/rose.css +47 -0
- package/styles/parts/card.css +49 -0
- package/styles/parts/dialog.css +116 -0
- package/styles/parts/drawer.css +124 -0
- package/styles/parts/field.css +44 -0
- package/styles/parts/glass.css +139 -0
- package/styles/parts/motion.css +101 -0
- package/styles/parts/navbar.css +55 -0
- package/styles/parts/popover.css +27 -0
- package/styles/parts/presence.css +55 -0
- package/styles/parts/reset.css +42 -0
- package/styles/parts/select.css +46 -0
- package/styles/parts/themes.css +105 -0
- package/styles/parts/toast.css +128 -0
- package/styles/parts/tokens.css +151 -0
- package/styles/parts/typography.css +81 -0
- package/types/hyalo-angular-accordion.d.ts +74 -0
- package/types/hyalo-angular-alert.d.ts +47 -0
- package/types/hyalo-angular-aspect-ratio.d.ts +13 -0
- package/types/hyalo-angular-avatar.d.ts +39 -0
- package/types/hyalo-angular-badge.d.ts +82 -0
- package/types/hyalo-angular-bento.d.ts +25 -0
- package/types/hyalo-angular-blocks.d.ts +272 -0
- package/types/hyalo-angular-border-beam.d.ts +15 -0
- package/types/hyalo-angular-breadcrumb.d.ts +22 -0
- package/types/hyalo-angular-button-group.d.ts +19 -0
- package/types/hyalo-angular-button.d.ts +89 -0
- package/types/hyalo-angular-card.d.ts +61 -0
- package/types/hyalo-angular-carousel.d.ts +147 -0
- package/types/hyalo-angular-chapter-nav.d.ts +79 -0
- package/types/hyalo-angular-chart.d.ts +90 -0
- package/types/hyalo-angular-choice.d.ts +259 -0
- package/types/hyalo-angular-code-block.d.ts +46 -0
- package/types/hyalo-angular-command.d.ts +41 -0
- package/types/hyalo-angular-copy.d.ts +39 -0
- package/types/hyalo-angular-core.d.ts +210 -0
- package/types/hyalo-angular-description-list.d.ts +16 -0
- package/types/hyalo-angular-dialog.d.ts +171 -0
- package/types/hyalo-angular-divider.d.ts +12 -0
- package/types/hyalo-angular-empty-state.d.ts +30 -0
- package/types/hyalo-angular-field.d.ts +141 -0
- package/types/hyalo-angular-filter.d.ts +122 -0
- package/types/hyalo-angular-hotspot.d.ts +70 -0
- package/types/hyalo-angular-hover-card.d.ts +47 -0
- package/types/hyalo-angular-icon.d.ts +122 -0
- package/types/hyalo-angular-image-compare.d.ts +55 -0
- package/types/hyalo-angular-interaction.d.ts +131 -0
- package/types/hyalo-angular-kbd.d.ts +5 -0
- package/types/hyalo-angular-lightbox.d.ts +67 -0
- package/types/hyalo-angular-link.d.ts +5 -0
- package/types/hyalo-angular-list.d.ts +30 -0
- package/types/hyalo-angular-marquee.d.ts +48 -0
- package/types/hyalo-angular-menu.d.ts +105 -0
- package/types/hyalo-angular-mesh.d.ts +36 -0
- package/types/hyalo-angular-motion.d.ts +218 -0
- package/types/hyalo-angular-navbar.d.ts +110 -0
- package/types/hyalo-angular-navigation-menu.d.ts +47 -0
- package/types/hyalo-angular-number-ticker.d.ts +52 -0
- package/types/hyalo-angular-overlay.d.ts +40 -0
- package/types/hyalo-angular-pagination.d.ts +59 -0
- package/types/hyalo-angular-popover.d.ts +152 -0
- package/types/hyalo-angular-progress.d.ts +46 -0
- package/types/hyalo-angular-progressive-blur.d.ts +14 -0
- package/types/hyalo-angular-refraction.d.ts +46 -0
- package/types/hyalo-angular-scroll-area.d.ts +18 -0
- package/types/hyalo-angular-scroll-to-top.d.ts +31 -0
- package/types/hyalo-angular-segmented.d.ts +79 -0
- package/types/hyalo-angular-select.d.ts +176 -0
- package/types/hyalo-angular-sidebar.d.ts +57 -0
- package/types/hyalo-angular-skeleton.d.ts +34 -0
- package/types/hyalo-angular-sparkline.d.ts +19 -0
- package/types/hyalo-angular-split-text.d.ts +24 -0
- package/types/hyalo-angular-stat.d.ts +56 -0
- package/types/hyalo-angular-stepper.d.ts +63 -0
- package/types/hyalo-angular-table.d.ts +125 -0
- package/types/hyalo-angular-tabs.d.ts +102 -0
- package/types/hyalo-angular-theme.d.ts +46 -0
- package/types/hyalo-angular-timeline.d.ts +36 -0
- package/types/hyalo-angular-toast.d.ts +79 -0
- package/types/hyalo-angular.d.ts +2 -0
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@hyalo/angular/core";
|
|
3
|
+
/** Inner spacing of a card. */
|
|
4
|
+
export type HyCardPadding = 'none' | 'sm' | 'md' | 'lg';
|
|
5
|
+
/** Full-bleed media at the top of a card: an image, video or canvas. */
|
|
6
|
+
export declare class HyCardMedia {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCardMedia, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HyCardMedia, "[hyCardMedia]", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
/** Title area. Put the card's heading here. */
|
|
11
|
+
export declare class HyCardHeader {
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCardHeader, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HyCardHeader, "[hyCardHeader]", never, {}, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
15
|
+
/** Actions or meta at the bottom. */
|
|
16
|
+
export declare class HyCardFooter {
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCardFooter, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HyCardFooter, "[hyCardFooter]", never, {}, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Makes one link inside the card cover the whole card, so the card is
|
|
22
|
+
* clickable while screen readers still hear a single, well-named link.
|
|
23
|
+
* Other buttons in the card stay clickable on top of it.
|
|
24
|
+
*/
|
|
25
|
+
export declare class HyCardLink {
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCardLink, never>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HyCardLink, "a[hyCardLink]", never, {}, {}, never, never, true, never>;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* The kit's signature surface: a glass panel with optional media, header,
|
|
31
|
+
* body and footer.
|
|
32
|
+
*
|
|
33
|
+
* ```html
|
|
34
|
+
* <hy-card material="clear" hyTilt>
|
|
35
|
+
* <img hyCardMedia src="watch.avif" alt="" />
|
|
36
|
+
* <h3 hyCardHeader><a hyCardLink routerLink="/watch/1">Calibre 7</a></h3>
|
|
37
|
+
* <p>Hand-wound, 42 mm, sapphire caseback.</p>
|
|
38
|
+
* <div hyCardFooter>From 4 200 EUR</div>
|
|
39
|
+
* </hy-card>
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
export declare class HyCard {
|
|
43
|
+
/** Inner spacing. Media always stays full bleed. */
|
|
44
|
+
readonly padding: import("@angular/core").InputSignal<HyCardPadding>;
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCard, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HyCard, "hy-card", never, {
|
|
47
|
+
"padding": {
|
|
48
|
+
"alias": "padding";
|
|
49
|
+
"required": false;
|
|
50
|
+
"isSignal": true;
|
|
51
|
+
};
|
|
52
|
+
}, {}, never, ["[hyCardMedia]", "[hyCardHeader]", "*", "[hyCardFooter]"], true, [{
|
|
53
|
+
directive: typeof i1.HyMaterialDirective;
|
|
54
|
+
inputs: {
|
|
55
|
+
"hyMaterial": "material";
|
|
56
|
+
};
|
|
57
|
+
outputs: {};
|
|
58
|
+
}]>;
|
|
59
|
+
}
|
|
60
|
+
/** Everything needed to build a card. */
|
|
61
|
+
export declare const HY_CARD: readonly [typeof HyCard, typeof HyCardMedia, typeof HyCardHeader, typeof HyCardFooter, typeof HyCardLink];
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { TemplateRef } from "@angular/core";
|
|
3
|
+
import { HyMotion } from "@hyalo/angular/motion";
|
|
4
|
+
export type HyCarouselMode = 'slide' | 'fade';
|
|
5
|
+
export type HyCarouselPagination = 'dots' | 'counter' | 'none';
|
|
6
|
+
export type HyCarouselNavigationMode = 'text' | 'icons' | 'none';
|
|
7
|
+
export type HyCarouselNavigationPosition = 'below' | 'inside-bottom' | 'sides';
|
|
8
|
+
export interface HyCarouselNavigationContext {
|
|
9
|
+
readonly $implicit: HyCarousel;
|
|
10
|
+
}
|
|
11
|
+
export declare class HyCarouselNavigation {
|
|
12
|
+
readonly template: TemplateRef<HyCarouselNavigationContext>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCarouselNavigation, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HyCarouselNavigation, "ng-template[hyCarouselNavigation]", never, {}, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
16
|
+
export declare class HySlide {
|
|
17
|
+
protected readonly carousel: HyCarousel | null;
|
|
18
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
19
|
+
protected readonly active: import("@angular/core").Signal<boolean>;
|
|
20
|
+
protected readonly inactive: import("@angular/core").Signal<boolean>;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HySlide, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HySlide, "hy-slide", never, {
|
|
23
|
+
"label": {
|
|
24
|
+
"alias": "label";
|
|
25
|
+
"required": true;
|
|
26
|
+
"isSignal": true;
|
|
27
|
+
};
|
|
28
|
+
}, {}, never, ["*"], true, never>;
|
|
29
|
+
}
|
|
30
|
+
/** Scroll-snap carousel. Touch uses browser inertia; mouse dragging projects velocity. */
|
|
31
|
+
export declare class HyCarousel {
|
|
32
|
+
protected readonly motion: HyMotion;
|
|
33
|
+
private readonly browser;
|
|
34
|
+
private readonly destroyRef;
|
|
35
|
+
private readonly viewport;
|
|
36
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
37
|
+
readonly previousLabel: import("@angular/core").InputSignal<string>;
|
|
38
|
+
readonly nextLabel: import("@angular/core").InputSignal<string>;
|
|
39
|
+
readonly index: import("@angular/core").ModelSignal<number>;
|
|
40
|
+
readonly mode: import("@angular/core").InputSignal<HyCarouselMode>;
|
|
41
|
+
readonly pagination: import("@angular/core").InputSignal<HyCarouselPagination>;
|
|
42
|
+
readonly paginationLabel: import("@angular/core").InputSignal<string>;
|
|
43
|
+
readonly loop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
44
|
+
readonly scrollbar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
45
|
+
readonly navigation: import("@angular/core").InputSignal<HyCarouselNavigationMode>;
|
|
46
|
+
readonly navPosition: import("@angular/core").InputSignal<HyCarouselNavigationPosition>;
|
|
47
|
+
protected readonly customNavigation: import("@angular/core").Signal<HyCarouselNavigation | undefined>;
|
|
48
|
+
protected readonly navigationContext: HyCarouselNavigationContext;
|
|
49
|
+
readonly slides: import("@angular/core").Signal<readonly HySlide[]>;
|
|
50
|
+
readonly current: import("@angular/core").Signal<number>;
|
|
51
|
+
private drag;
|
|
52
|
+
private suppressClick;
|
|
53
|
+
private readonly ready;
|
|
54
|
+
private syncedIndex;
|
|
55
|
+
private syncedMode;
|
|
56
|
+
protected readonly animated: import("@angular/core").WritableSignal<boolean>;
|
|
57
|
+
private viewportWidth;
|
|
58
|
+
private scrollFrame;
|
|
59
|
+
private scrollTarget;
|
|
60
|
+
private settleTimer;
|
|
61
|
+
constructor();
|
|
62
|
+
goTo(index: number, smooth?: boolean): void;
|
|
63
|
+
private scrollToSlide;
|
|
64
|
+
protected onScroll(): void;
|
|
65
|
+
protected onScrollEnd(): void;
|
|
66
|
+
protected onKey(event: KeyboardEvent): void;
|
|
67
|
+
protected pointerDown(event: PointerEvent): void;
|
|
68
|
+
protected pointerMove(event: PointerEvent): void;
|
|
69
|
+
protected pointerUp(event: PointerEvent): void;
|
|
70
|
+
protected pointerCancel(): void;
|
|
71
|
+
protected preventNativeDrag(event: DragEvent): void;
|
|
72
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCarousel, never>;
|
|
73
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HyCarousel, "hy-carousel", never, {
|
|
74
|
+
"label": {
|
|
75
|
+
"alias": "label";
|
|
76
|
+
"required": false;
|
|
77
|
+
"isSignal": true;
|
|
78
|
+
};
|
|
79
|
+
"previousLabel": {
|
|
80
|
+
"alias": "previousLabel";
|
|
81
|
+
"required": false;
|
|
82
|
+
"isSignal": true;
|
|
83
|
+
};
|
|
84
|
+
"nextLabel": {
|
|
85
|
+
"alias": "nextLabel";
|
|
86
|
+
"required": false;
|
|
87
|
+
"isSignal": true;
|
|
88
|
+
};
|
|
89
|
+
"index": {
|
|
90
|
+
"alias": "index";
|
|
91
|
+
"required": false;
|
|
92
|
+
"isSignal": true;
|
|
93
|
+
};
|
|
94
|
+
"mode": {
|
|
95
|
+
"alias": "mode";
|
|
96
|
+
"required": false;
|
|
97
|
+
"isSignal": true;
|
|
98
|
+
};
|
|
99
|
+
"pagination": {
|
|
100
|
+
"alias": "pagination";
|
|
101
|
+
"required": false;
|
|
102
|
+
"isSignal": true;
|
|
103
|
+
};
|
|
104
|
+
"paginationLabel": {
|
|
105
|
+
"alias": "paginationLabel";
|
|
106
|
+
"required": false;
|
|
107
|
+
"isSignal": true;
|
|
108
|
+
};
|
|
109
|
+
"loop": {
|
|
110
|
+
"alias": "loop";
|
|
111
|
+
"required": false;
|
|
112
|
+
"isSignal": true;
|
|
113
|
+
};
|
|
114
|
+
"scrollbar": {
|
|
115
|
+
"alias": "scrollbar";
|
|
116
|
+
"required": false;
|
|
117
|
+
"isSignal": true;
|
|
118
|
+
};
|
|
119
|
+
"navigation": {
|
|
120
|
+
"alias": "navigation";
|
|
121
|
+
"required": false;
|
|
122
|
+
"isSignal": true;
|
|
123
|
+
};
|
|
124
|
+
"navPosition": {
|
|
125
|
+
"alias": "navPosition";
|
|
126
|
+
"required": false;
|
|
127
|
+
"isSignal": true;
|
|
128
|
+
};
|
|
129
|
+
}, {
|
|
130
|
+
"index": "indexChange";
|
|
131
|
+
}, ["customNavigation", "slides"], ["hy-slide", "ng-template[hyCarouselNavigation]"], true, never>;
|
|
132
|
+
}
|
|
133
|
+
export declare class HyCarouselPrevious {
|
|
134
|
+
protected readonly carousel: HyCarousel;
|
|
135
|
+
protected readonly blocked: import("@angular/core").Signal<boolean>;
|
|
136
|
+
protected previous(): void;
|
|
137
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCarouselPrevious, never>;
|
|
138
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HyCarouselPrevious, "button[hyCarouselPrevious]", never, {}, {}, never, never, true, never>;
|
|
139
|
+
}
|
|
140
|
+
export declare class HyCarouselNext {
|
|
141
|
+
protected readonly carousel: HyCarousel;
|
|
142
|
+
protected readonly blocked: import("@angular/core").Signal<boolean>;
|
|
143
|
+
protected next(): void;
|
|
144
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCarouselNext, never>;
|
|
145
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HyCarouselNext, "button[hyCarouselNext]", never, {}, {}, never, never, true, never>;
|
|
146
|
+
}
|
|
147
|
+
export declare const HY_CAROUSEL: readonly [typeof HyCarousel, typeof HySlide, typeof HyCarouselNavigation, typeof HyCarouselPrevious, typeof HyCarouselNext];
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface HyChapter {
|
|
3
|
+
readonly id: string;
|
|
4
|
+
readonly label: string;
|
|
5
|
+
}
|
|
6
|
+
/** Route-safe section navigation for a page or an explicitly supplied reading pane. */
|
|
7
|
+
export declare class HyChapterNav {
|
|
8
|
+
private readonly document;
|
|
9
|
+
private readonly location;
|
|
10
|
+
private readonly motion;
|
|
11
|
+
private readonly ready;
|
|
12
|
+
private readonly current;
|
|
13
|
+
private navigation;
|
|
14
|
+
private frame;
|
|
15
|
+
private dispose;
|
|
16
|
+
readonly chapters: import("@angular/core").InputSignal<readonly HyChapter[]>;
|
|
17
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
18
|
+
readonly sticky: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
19
|
+
readonly stickyTop: import("@angular/core").InputSignal<string>;
|
|
20
|
+
readonly scrollBehavior: import("@angular/core").InputSignal<"smooth" | "instant">;
|
|
21
|
+
/** Null scrolls the page; pass an overflow container to scroll a reading pane. */
|
|
22
|
+
readonly scrollRoot: import("@angular/core").InputSignal<HTMLElement | null>;
|
|
23
|
+
/** Clearance below a sticky header, in pixels. Target scroll-margin is respected too. */
|
|
24
|
+
readonly offset: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
25
|
+
readonly active: import("@angular/core").Signal<string>;
|
|
26
|
+
protected readonly links: import("@angular/core").Signal<{
|
|
27
|
+
href: string;
|
|
28
|
+
id: string;
|
|
29
|
+
label: string;
|
|
30
|
+
}[]>;
|
|
31
|
+
protected readonly progress: import("@angular/core").Signal<number>;
|
|
32
|
+
constructor();
|
|
33
|
+
/** Selects, focuses and scrolls to a chapter. Missing targets leave state unchanged. */
|
|
34
|
+
goTo(id: string): boolean;
|
|
35
|
+
protected onLinkClick(event: MouseEvent, id: string): void;
|
|
36
|
+
private targets;
|
|
37
|
+
private scrollPosition;
|
|
38
|
+
private clearance;
|
|
39
|
+
private navigate;
|
|
40
|
+
private track;
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyChapterNav, never>;
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HyChapterNav, "hy-chapter-nav", never, {
|
|
43
|
+
"chapters": {
|
|
44
|
+
"alias": "chapters";
|
|
45
|
+
"required": true;
|
|
46
|
+
"isSignal": true;
|
|
47
|
+
};
|
|
48
|
+
"label": {
|
|
49
|
+
"alias": "label";
|
|
50
|
+
"required": false;
|
|
51
|
+
"isSignal": true;
|
|
52
|
+
};
|
|
53
|
+
"sticky": {
|
|
54
|
+
"alias": "sticky";
|
|
55
|
+
"required": false;
|
|
56
|
+
"isSignal": true;
|
|
57
|
+
};
|
|
58
|
+
"stickyTop": {
|
|
59
|
+
"alias": "stickyTop";
|
|
60
|
+
"required": false;
|
|
61
|
+
"isSignal": true;
|
|
62
|
+
};
|
|
63
|
+
"scrollBehavior": {
|
|
64
|
+
"alias": "scrollBehavior";
|
|
65
|
+
"required": false;
|
|
66
|
+
"isSignal": true;
|
|
67
|
+
};
|
|
68
|
+
"scrollRoot": {
|
|
69
|
+
"alias": "scrollRoot";
|
|
70
|
+
"required": false;
|
|
71
|
+
"isSignal": true;
|
|
72
|
+
};
|
|
73
|
+
"offset": {
|
|
74
|
+
"alias": "offset";
|
|
75
|
+
"required": false;
|
|
76
|
+
"isSignal": true;
|
|
77
|
+
};
|
|
78
|
+
}, {}, never, never, true, never>;
|
|
79
|
+
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { Chart } from "chart.js";
|
|
2
|
+
import { ConnectedPosition } from "@angular/cdk/overlay";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import { InjectionToken } from "@angular/core";
|
|
5
|
+
declare namespace engine_d_exports {
|
|
6
|
+
export { Chart };
|
|
7
|
+
}
|
|
8
|
+
export interface HyChartSeries {
|
|
9
|
+
readonly label: string;
|
|
10
|
+
readonly values: readonly (number | null)[];
|
|
11
|
+
}
|
|
12
|
+
export interface HyChartData {
|
|
13
|
+
readonly labels: readonly string[];
|
|
14
|
+
readonly series: readonly HyChartSeries[];
|
|
15
|
+
}
|
|
16
|
+
export type HyChartType = 'line' | 'area' | 'bar' | 'doughnut';
|
|
17
|
+
/** Override to provide a compatible Chart.js loader, for example from a shared app chunk. */
|
|
18
|
+
export declare const HY_CHART_LOADER: InjectionToken<() => Promise<typeof engine_d_exports>>;
|
|
19
|
+
export declare class HyChart {
|
|
20
|
+
readonly data: import("@angular/core").InputSignal<HyChartData>;
|
|
21
|
+
readonly type: import("@angular/core").InputSignal<HyChartType>;
|
|
22
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
23
|
+
readonly summary: import("@angular/core").InputSignal<string>;
|
|
24
|
+
readonly locale: import("@angular/core").InputSignal<string | undefined>;
|
|
25
|
+
private readonly globalLocale;
|
|
26
|
+
private readonly effectiveLocale;
|
|
27
|
+
readonly tableLabel: import("@angular/core").InputSignal<string>;
|
|
28
|
+
protected readonly error: import("@angular/core").WritableSignal<boolean>;
|
|
29
|
+
protected readonly tooltip: import("@angular/core").WritableSignal<{
|
|
30
|
+
x: number;
|
|
31
|
+
y: number;
|
|
32
|
+
title: string;
|
|
33
|
+
lines: readonly string[];
|
|
34
|
+
} | null>;
|
|
35
|
+
protected readonly tooltipPositions: ConnectedPosition[];
|
|
36
|
+
private readonly fidelity;
|
|
37
|
+
protected readonly fidelityTier: import("@angular/core").Signal<import("@hyalo/angular/core").HyFidelityTier>;
|
|
38
|
+
private readonly visible;
|
|
39
|
+
private readonly theme;
|
|
40
|
+
private readonly canvas;
|
|
41
|
+
private readonly palette;
|
|
42
|
+
private readonly document;
|
|
43
|
+
private readonly load;
|
|
44
|
+
private readonly host;
|
|
45
|
+
private chart;
|
|
46
|
+
private generation;
|
|
47
|
+
private destroyed;
|
|
48
|
+
private readonly formatter;
|
|
49
|
+
readonly rows: import("@angular/core").Signal<{
|
|
50
|
+
label: string;
|
|
51
|
+
values: string[];
|
|
52
|
+
}[]>;
|
|
53
|
+
constructor();
|
|
54
|
+
protected retry(): void;
|
|
55
|
+
private render;
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyChart, never>;
|
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HyChart, "hy-chart", never, {
|
|
58
|
+
"data": {
|
|
59
|
+
"alias": "data";
|
|
60
|
+
"required": true;
|
|
61
|
+
"isSignal": true;
|
|
62
|
+
};
|
|
63
|
+
"type": {
|
|
64
|
+
"alias": "type";
|
|
65
|
+
"required": false;
|
|
66
|
+
"isSignal": true;
|
|
67
|
+
};
|
|
68
|
+
"label": {
|
|
69
|
+
"alias": "label";
|
|
70
|
+
"required": true;
|
|
71
|
+
"isSignal": true;
|
|
72
|
+
};
|
|
73
|
+
"summary": {
|
|
74
|
+
"alias": "summary";
|
|
75
|
+
"required": false;
|
|
76
|
+
"isSignal": true;
|
|
77
|
+
};
|
|
78
|
+
"locale": {
|
|
79
|
+
"alias": "locale";
|
|
80
|
+
"required": false;
|
|
81
|
+
"isSignal": true;
|
|
82
|
+
};
|
|
83
|
+
"tableLabel": {
|
|
84
|
+
"alias": "tableLabel";
|
|
85
|
+
"required": false;
|
|
86
|
+
"isSignal": true;
|
|
87
|
+
};
|
|
88
|
+
}, {}, never, never, true, never>;
|
|
89
|
+
}
|
|
90
|
+
export {};
|
|
@@ -0,0 +1,259 @@
|
|
|
1
|
+
import { FormCheckboxControl, FormValueControl } from "@angular/forms/signals";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* A checkbox with a label. It wraps a real `<input type="checkbox">`, so
|
|
5
|
+
* Space toggles it, clicking the label works and forms see it.
|
|
6
|
+
*
|
|
7
|
+
* ```html
|
|
8
|
+
* <hy-checkbox [formField]="form.terms">I accept the terms</hy-checkbox>
|
|
9
|
+
* <hy-checkbox [(checked)]="all" [indeterminate]="some">Select all</hy-checkbox>
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
12
|
+
export declare class HyCheckbox implements FormCheckboxControl {
|
|
13
|
+
protected readonly descriptionId: string;
|
|
14
|
+
/** Whether the box is checked. Two-way bindable and works with `[formField]`. */
|
|
15
|
+
readonly checked: import("@angular/core").ModelSignal<boolean>;
|
|
16
|
+
/** Shows a dash for a partly selected group. Cleared when the user toggles. */
|
|
17
|
+
readonly indeterminate: import("@angular/core").ModelSignal<boolean>;
|
|
18
|
+
/** Secondary text under the label. */
|
|
19
|
+
readonly description: import("@angular/core").InputSignal<string | undefined>;
|
|
20
|
+
readonly name: import("@angular/core").InputSignal<string>;
|
|
21
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
22
|
+
readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
23
|
+
readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
24
|
+
readonly touched: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
25
|
+
/** Emits when focus leaves the checkbox. */
|
|
26
|
+
readonly touch: import("@angular/core").OutputEmitterRef<void>;
|
|
27
|
+
protected onChange(event: Event): void;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCheckbox, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HyCheckbox, "hy-checkbox", never, {
|
|
30
|
+
"checked": {
|
|
31
|
+
"alias": "checked";
|
|
32
|
+
"required": false;
|
|
33
|
+
"isSignal": true;
|
|
34
|
+
};
|
|
35
|
+
"indeterminate": {
|
|
36
|
+
"alias": "indeterminate";
|
|
37
|
+
"required": false;
|
|
38
|
+
"isSignal": true;
|
|
39
|
+
};
|
|
40
|
+
"description": {
|
|
41
|
+
"alias": "description";
|
|
42
|
+
"required": false;
|
|
43
|
+
"isSignal": true;
|
|
44
|
+
};
|
|
45
|
+
"name": {
|
|
46
|
+
"alias": "name";
|
|
47
|
+
"required": false;
|
|
48
|
+
"isSignal": true;
|
|
49
|
+
};
|
|
50
|
+
"disabled": {
|
|
51
|
+
"alias": "disabled";
|
|
52
|
+
"required": false;
|
|
53
|
+
"isSignal": true;
|
|
54
|
+
};
|
|
55
|
+
"required": {
|
|
56
|
+
"alias": "required";
|
|
57
|
+
"required": false;
|
|
58
|
+
"isSignal": true;
|
|
59
|
+
};
|
|
60
|
+
"invalid": {
|
|
61
|
+
"alias": "invalid";
|
|
62
|
+
"required": false;
|
|
63
|
+
"isSignal": true;
|
|
64
|
+
};
|
|
65
|
+
"touched": {
|
|
66
|
+
"alias": "touched";
|
|
67
|
+
"required": false;
|
|
68
|
+
"isSignal": true;
|
|
69
|
+
};
|
|
70
|
+
}, {
|
|
71
|
+
"checked": "checkedChange";
|
|
72
|
+
"indeterminate": "indeterminateChange";
|
|
73
|
+
"touch": "touch";
|
|
74
|
+
}, never, ["*"], true, never>;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* A group of radio buttons. Holds the value; the radios inside only say
|
|
78
|
+
* which value they stand for.
|
|
79
|
+
*
|
|
80
|
+
* ```html
|
|
81
|
+
* <hy-radio-group label="Delivery" [formField]="form.delivery">
|
|
82
|
+
* <hy-radio value="standard" description="3 to 5 days">Standard</hy-radio>
|
|
83
|
+
* <hy-radio value="express">Express</hy-radio>
|
|
84
|
+
* </hy-radio-group>
|
|
85
|
+
* ```
|
|
86
|
+
*
|
|
87
|
+
* The radios are native inputs sharing one name, so arrow keys move the
|
|
88
|
+
* selection the way the platform does, including in RTL.
|
|
89
|
+
*/
|
|
90
|
+
export declare class HyRadioGroup<T> implements FormValueControl<T | undefined> {
|
|
91
|
+
protected readonly labelId: string;
|
|
92
|
+
private readonly generatedName;
|
|
93
|
+
/** Selected value. Two-way bindable and works with `[formField]`. */
|
|
94
|
+
readonly value: import("@angular/core").ModelSignal<T | undefined>;
|
|
95
|
+
/** Visible group label. */
|
|
96
|
+
readonly label: import("@angular/core").InputSignal<string | undefined>;
|
|
97
|
+
/** Shared input name. Generated when not set. */
|
|
98
|
+
readonly name: import("@angular/core").InputSignal<string>;
|
|
99
|
+
readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
|
|
100
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
101
|
+
readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
102
|
+
readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
103
|
+
readonly touched: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
104
|
+
readonly errors: import("@angular/core").InputSignal<readonly {
|
|
105
|
+
readonly kind: string;
|
|
106
|
+
readonly message?: string;
|
|
107
|
+
}[]>;
|
|
108
|
+
/** Emits when focus leaves a radio. */
|
|
109
|
+
readonly touch: import("@angular/core").OutputEmitterRef<void>;
|
|
110
|
+
readonly groupName: import("@angular/core").Signal<string>;
|
|
111
|
+
protected readonly showsError: import("@angular/core").Signal<boolean>;
|
|
112
|
+
protected readonly errorMessage: import("@angular/core").Signal<string>;
|
|
113
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyRadioGroup<any>, never>;
|
|
114
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HyRadioGroup<any>, "hy-radio-group", never, {
|
|
115
|
+
"value": {
|
|
116
|
+
"alias": "value";
|
|
117
|
+
"required": false;
|
|
118
|
+
"isSignal": true;
|
|
119
|
+
};
|
|
120
|
+
"label": {
|
|
121
|
+
"alias": "label";
|
|
122
|
+
"required": false;
|
|
123
|
+
"isSignal": true;
|
|
124
|
+
};
|
|
125
|
+
"name": {
|
|
126
|
+
"alias": "name";
|
|
127
|
+
"required": false;
|
|
128
|
+
"isSignal": true;
|
|
129
|
+
};
|
|
130
|
+
"orientation": {
|
|
131
|
+
"alias": "orientation";
|
|
132
|
+
"required": false;
|
|
133
|
+
"isSignal": true;
|
|
134
|
+
};
|
|
135
|
+
"disabled": {
|
|
136
|
+
"alias": "disabled";
|
|
137
|
+
"required": false;
|
|
138
|
+
"isSignal": true;
|
|
139
|
+
};
|
|
140
|
+
"required": {
|
|
141
|
+
"alias": "required";
|
|
142
|
+
"required": false;
|
|
143
|
+
"isSignal": true;
|
|
144
|
+
};
|
|
145
|
+
"invalid": {
|
|
146
|
+
"alias": "invalid";
|
|
147
|
+
"required": false;
|
|
148
|
+
"isSignal": true;
|
|
149
|
+
};
|
|
150
|
+
"touched": {
|
|
151
|
+
"alias": "touched";
|
|
152
|
+
"required": false;
|
|
153
|
+
"isSignal": true;
|
|
154
|
+
};
|
|
155
|
+
"errors": {
|
|
156
|
+
"alias": "errors";
|
|
157
|
+
"required": false;
|
|
158
|
+
"isSignal": true;
|
|
159
|
+
};
|
|
160
|
+
}, {
|
|
161
|
+
"value": "valueChange";
|
|
162
|
+
"touch": "touch";
|
|
163
|
+
}, never, ["*"], true, never>;
|
|
164
|
+
}
|
|
165
|
+
/** One option inside a `hy-radio-group`. */
|
|
166
|
+
export declare class HyRadio<T> {
|
|
167
|
+
protected readonly group: HyRadioGroup<T>;
|
|
168
|
+
protected readonly descriptionId: string;
|
|
169
|
+
/** The value this radio selects. */
|
|
170
|
+
readonly value: import("@angular/core").InputSignal<T>;
|
|
171
|
+
/** Secondary text under the label. */
|
|
172
|
+
readonly description: import("@angular/core").InputSignal<string | undefined>;
|
|
173
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
174
|
+
protected readonly checked: import("@angular/core").Signal<boolean>;
|
|
175
|
+
protected readonly isDisabled: import("@angular/core").Signal<boolean>;
|
|
176
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyRadio<any>, never>;
|
|
177
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HyRadio<any>, "hy-radio", never, {
|
|
178
|
+
"value": {
|
|
179
|
+
"alias": "value";
|
|
180
|
+
"required": true;
|
|
181
|
+
"isSignal": true;
|
|
182
|
+
};
|
|
183
|
+
"description": {
|
|
184
|
+
"alias": "description";
|
|
185
|
+
"required": false;
|
|
186
|
+
"isSignal": true;
|
|
187
|
+
};
|
|
188
|
+
"disabled": {
|
|
189
|
+
"alias": "disabled";
|
|
190
|
+
"required": false;
|
|
191
|
+
"isSignal": true;
|
|
192
|
+
};
|
|
193
|
+
}, {}, never, ["*"], true, never>;
|
|
194
|
+
}
|
|
195
|
+
/**
|
|
196
|
+
* An on/off switch for settings that apply right away. For choices that
|
|
197
|
+
* are submitted with a form, a checkbox is usually clearer.
|
|
198
|
+
*
|
|
199
|
+
* It is a native checkbox with `role="switch"`, so screen readers say
|
|
200
|
+
* "on" and "off" and Space toggles it. The thumb can also be dragged: it
|
|
201
|
+
* follows the pointer, and lands on whichever side it is let go nearer.
|
|
202
|
+
*
|
|
203
|
+
* ```html
|
|
204
|
+
* <hy-switch [(checked)]="notifications">Email notifications</hy-switch>
|
|
205
|
+
* ```
|
|
206
|
+
*/
|
|
207
|
+
export declare class HySwitch implements FormCheckboxControl {
|
|
208
|
+
protected readonly descriptionId: string;
|
|
209
|
+
/** Physical thumb offset in px while it is dragged, otherwise null. */
|
|
210
|
+
protected readonly drag: import("@angular/core").WritableSignal<number | null>;
|
|
211
|
+
private press;
|
|
212
|
+
/** Where a finished drag landed, until the click it causes is handled. */
|
|
213
|
+
private landed;
|
|
214
|
+
/** Whether the switch is on. Two-way bindable and works with `[formField]`. */
|
|
215
|
+
readonly checked: import("@angular/core").ModelSignal<boolean>;
|
|
216
|
+
/** Secondary text under the label. */
|
|
217
|
+
readonly description: import("@angular/core").InputSignal<string | undefined>;
|
|
218
|
+
readonly name: import("@angular/core").InputSignal<string>;
|
|
219
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
220
|
+
readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
221
|
+
/** Emits when focus leaves the switch. */
|
|
222
|
+
readonly touch: import("@angular/core").OutputEmitterRef<void>;
|
|
223
|
+
protected onChange(event: Event): void;
|
|
224
|
+
protected onDown(event: PointerEvent): void;
|
|
225
|
+
protected onMove(event: PointerEvent): void;
|
|
226
|
+
protected onUp(cancelled?: boolean): void;
|
|
227
|
+
protected onClick(event: MouseEvent): void;
|
|
228
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HySwitch, never>;
|
|
229
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HySwitch, "hy-switch", never, {
|
|
230
|
+
"checked": {
|
|
231
|
+
"alias": "checked";
|
|
232
|
+
"required": false;
|
|
233
|
+
"isSignal": true;
|
|
234
|
+
};
|
|
235
|
+
"description": {
|
|
236
|
+
"alias": "description";
|
|
237
|
+
"required": false;
|
|
238
|
+
"isSignal": true;
|
|
239
|
+
};
|
|
240
|
+
"name": {
|
|
241
|
+
"alias": "name";
|
|
242
|
+
"required": false;
|
|
243
|
+
"isSignal": true;
|
|
244
|
+
};
|
|
245
|
+
"disabled": {
|
|
246
|
+
"alias": "disabled";
|
|
247
|
+
"required": false;
|
|
248
|
+
"isSignal": true;
|
|
249
|
+
};
|
|
250
|
+
"required": {
|
|
251
|
+
"alias": "required";
|
|
252
|
+
"required": false;
|
|
253
|
+
"isSignal": true;
|
|
254
|
+
};
|
|
255
|
+
}, {
|
|
256
|
+
"checked": "checkedChange";
|
|
257
|
+
"touch": "touch";
|
|
258
|
+
}, never, ["*"], true, never>;
|
|
259
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface HyCodeSample {
|
|
3
|
+
readonly code: string;
|
|
4
|
+
readonly language: string;
|
|
5
|
+
readonly label: string;
|
|
6
|
+
}
|
|
7
|
+
export declare class HyCodeBlock {
|
|
8
|
+
readonly code: import("@angular/core").InputSignal<string>;
|
|
9
|
+
readonly language: import("@angular/core").InputSignal<string>;
|
|
10
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
11
|
+
readonly copyable: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
readonly samples: import("@angular/core").InputSignal<readonly HyCodeSample[]>;
|
|
13
|
+
protected readonly selected: import("@angular/core").WritableSignal<number>;
|
|
14
|
+
protected readonly active: import("@angular/core").Signal<HyCodeSample>;
|
|
15
|
+
protected readonly highlighted: import("@angular/core").WritableSignal<string | null>;
|
|
16
|
+
private readonly ready;
|
|
17
|
+
constructor();
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HyCodeBlock, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HyCodeBlock, "hy-code-block", never, {
|
|
20
|
+
"code": {
|
|
21
|
+
"alias": "code";
|
|
22
|
+
"required": true;
|
|
23
|
+
"isSignal": true;
|
|
24
|
+
};
|
|
25
|
+
"language": {
|
|
26
|
+
"alias": "language";
|
|
27
|
+
"required": false;
|
|
28
|
+
"isSignal": true;
|
|
29
|
+
};
|
|
30
|
+
"label": {
|
|
31
|
+
"alias": "label";
|
|
32
|
+
"required": false;
|
|
33
|
+
"isSignal": true;
|
|
34
|
+
};
|
|
35
|
+
"copyable": {
|
|
36
|
+
"alias": "copyable";
|
|
37
|
+
"required": false;
|
|
38
|
+
"isSignal": true;
|
|
39
|
+
};
|
|
40
|
+
"samples": {
|
|
41
|
+
"alias": "samples";
|
|
42
|
+
"required": false;
|
|
43
|
+
"isSignal": true;
|
|
44
|
+
};
|
|
45
|
+
}, {}, never, never, true, never>;
|
|
46
|
+
}
|