@ardium-ui/ui 3.5.5 → 4.0.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/esm2022/lib/buttons/_button-base.defaults.mjs +2 -1
- package/esm2022/lib/buttons/_button-base.mjs +3 -2
- package/esm2022/lib/buttons/button/button.component.mjs +5 -3
- package/esm2022/lib/buttons/fab/fab.component.mjs +5 -3
- package/esm2022/lib/buttons/icon-button/icon-button.component.mjs +8 -3
- package/esm2022/lib/calendar/views/days-view/days-view.component.mjs +1 -1
- package/esm2022/lib/calendar/views/months-view/months-view.component.mjs +1 -1
- package/esm2022/lib/calendar/views/years-view/years-view.component.mjs +1 -1
- package/esm2022/lib/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/checkbox/checkbox.module.mjs +1 -1
- package/esm2022/lib/checkbox/checkbox.types.mjs +1 -1
- package/esm2022/lib/dialog/dialog.component.mjs +26 -9
- package/esm2022/lib/dialog/dialog.defaults.mjs +3 -1
- package/esm2022/lib/dialog/dialog.directives.mjs +12 -1
- package/esm2022/lib/dialog/dialog.module.mjs +7 -7
- package/esm2022/lib/dialog/dialog.types.mjs +6 -2
- package/esm2022/lib/inputs/date-input/date-input.component.mjs +1 -1
- package/esm2022/lib/modal/index.mjs +2 -1
- package/esm2022/lib/modal/modal.component.mjs +18 -5
- package/esm2022/lib/modal/modal.defaults.mjs +1 -1
- package/esm2022/lib/modal/modal.directives.mjs +14 -0
- package/esm2022/lib/modal/modal.module.mjs +8 -7
- package/esm2022/lib/star/index.mjs +2 -1
- package/esm2022/lib/star/rating-display/index.mjs +6 -0
- package/esm2022/lib/star/rating-display/rating-display.component.mjs +71 -0
- package/esm2022/lib/star/rating-display/rating-display.defaults.mjs +16 -0
- package/esm2022/lib/star/rating-display/rating-display.directives.mjs +16 -0
- package/esm2022/lib/star/rating-display/rating-display.module.mjs +20 -0
- package/esm2022/lib/star/rating-display/rating-display.types.mjs +2 -0
- package/esm2022/lib/star/rating-input/index.mjs +6 -0
- package/esm2022/lib/star/rating-input/rating-input.component.mjs +191 -0
- package/esm2022/lib/star/rating-input/rating-input.defaults.mjs +17 -0
- package/esm2022/lib/star/rating-input/rating-input.directives.mjs +16 -0
- package/esm2022/lib/star/rating-input/rating-input.module.mjs +20 -0
- package/esm2022/lib/star/rating-input/rating-input.types.mjs +2 -0
- package/esm2022/lib/star/star-button/index.mjs +3 -1
- package/esm2022/lib/star/star-button/star-button.component.mjs +13 -5
- package/esm2022/lib/star/star-button/star-button.defaults.mjs +2 -2
- package/esm2022/lib/star/star-button/star-button.directives.mjs +16 -0
- package/esm2022/lib/star/star-button/star-button.module.mjs +7 -6
- package/esm2022/lib/star/star-button/star-button.types.mjs +2 -0
- package/esm2022/lib/star/star.component.mjs +14 -5
- package/esm2022/lib/star/star.defaults.mjs +2 -2
- package/esm2022/lib/star/star.directives.mjs +16 -0
- package/esm2022/lib/star/star.module.mjs +9 -7
- package/esm2022/lib/star/star.types.mjs +3 -3
- package/esm2022/lib/table-pagination/table-pagination.component.mjs +1 -1
- package/esm2022/public-api.mjs +3 -3
- package/fesm2022/ardium-ui-ui.mjs +299 -152
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/buttons/_button-base.d.ts +2 -1
- package/lib/buttons/_button-base.defaults.d.ts +1 -0
- package/lib/buttons/icon-button/icon-button.component.d.ts +2 -1
- package/lib/dialog/dialog.component.d.ts +9 -4
- package/lib/dialog/dialog.defaults.d.ts +2 -0
- package/lib/dialog/dialog.directives.d.ts +6 -0
- package/lib/dialog/dialog.module.d.ts +1 -1
- package/lib/dialog/dialog.types.d.ts +8 -2
- package/lib/modal/index.d.ts +1 -0
- package/lib/modal/modal.component.d.ts +7 -1
- package/lib/modal/modal.directives.d.ts +8 -0
- package/lib/modal/modal.module.d.ts +6 -5
- package/lib/star/index.d.ts +1 -0
- package/lib/star/rating-display/index.d.ts +5 -0
- package/lib/star/rating-display/rating-display.component.d.ts +17 -0
- package/lib/star/rating-display/rating-display.defaults.d.ts +9 -0
- package/lib/star/rating-display/rating-display.directives.d.ts +9 -0
- package/lib/star/rating-display/rating-display.module.d.ts +10 -0
- package/lib/star/rating-display/rating-display.types.d.ts +8 -0
- package/lib/star/rating-input/index.d.ts +5 -0
- package/lib/star/rating-input/rating-input.component.d.ts +46 -0
- package/lib/star/rating-input/rating-input.defaults.d.ts +9 -0
- package/lib/star/rating-input/rating-input.directives.d.ts +9 -0
- package/lib/star/rating-input/rating-input.module.d.ts +10 -0
- package/lib/star/rating-input/rating-input.types.d.ts +12 -0
- package/lib/star/star-button/index.d.ts +2 -0
- package/lib/star/star-button/star-button.component.d.ts +5 -1
- package/lib/star/star-button/star-button.directives.d.ts +9 -0
- package/lib/star/star-button/star-button.module.d.ts +4 -3
- package/lib/star/star-button/star-button.types.d.ts +6 -0
- package/lib/star/star.component.d.ts +6 -3
- package/lib/star/star.directives.d.ts +9 -0
- package/lib/star/star.module.d.ts +4 -2
- package/lib/star/star.types.d.ts +5 -2
- package/package.json +1 -1
- package/prebuilt-themes/default/buttons/button.css +9 -2
- package/prebuilt-themes/default/buttons/button.css.map +1 -1
- package/prebuilt-themes/default/buttons/fab.css +9 -2
- package/prebuilt-themes/default/buttons/fab.css.map +1 -1
- package/prebuilt-themes/default/buttons/icon-button.css +9 -2
- package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
- package/prebuilt-themes/default/card.css +5 -0
- package/prebuilt-themes/default/card.css.map +1 -1
- package/prebuilt-themes/default/core.css +1 -1
- package/prebuilt-themes/default/kbd.css +1 -0
- package/prebuilt-themes/default/kbd.css.map +1 -1
- package/prebuilt-themes/default/modal.css +3 -2
- package/prebuilt-themes/default/modal.css.map +1 -1
- package/prebuilt-themes/default/spinner.css +1 -1
- package/prebuilt-themes/default/stars.css +31 -73
- package/prebuilt-themes/default/stars.css.map +1 -1
- package/public-api.d.ts +2 -2
- package/themes/_variables.scss +121 -121
- package/themes/default/buttons/_button-mixins.scss +137 -137
- package/themes/default/buttons/button.scss +79 -72
- package/themes/default/buttons/fab.scss +81 -74
- package/themes/default/buttons/icon-button.scss +62 -55
- package/themes/default/card.scss +135 -129
- package/themes/default/core.scss +1 -1
- package/themes/default/kbd.scss +21 -20
- package/themes/default/modal.scss +94 -93
- package/themes/default/spinner.scss +21 -21
- package/themes/default/stars.scss +85 -122
- package/esm2022/lib/star/star-display/index.mjs +0 -4
- package/esm2022/lib/star/star-display/star-display.component.mjs +0 -61
- package/esm2022/lib/star/star-display/star-display.defaults.mjs +0 -16
- package/esm2022/lib/star/star-display/star-display.module.mjs +0 -19
- package/esm2022/lib/star/star-input/index.mjs +0 -4
- package/esm2022/lib/star/star-input/star-input.component.mjs +0 -188
- package/esm2022/lib/star/star-input/star-input.defaults.mjs +0 -17
- package/esm2022/lib/star/star-input/star-input.module.mjs +0 -19
- package/lib/star/star-display/index.d.ts +0 -3
- package/lib/star/star-display/star-display.component.d.ts +0 -13
- package/lib/star/star-display/star-display.defaults.d.ts +0 -9
- package/lib/star/star-display/star-display.module.d.ts +0 -9
- package/lib/star/star-input/index.d.ts +0 -3
- package/lib/star/star-input/star-input.component.d.ts +0 -48
- package/lib/star/star-input/star-input.defaults.d.ts +0 -9
- package/lib/star/star-input/star-input.module.d.ts +0 -9
|
@@ -14,7 +14,8 @@ export declare abstract class _ButtonBase extends _FocusableComponentBase {
|
|
|
14
14
|
readonly color: import("@angular/core").InputSignal<ComponentColor>;
|
|
15
15
|
readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
16
16
|
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
17
|
+
readonly pointerEventsWhenDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
17
18
|
abstract readonly ngClasses: Signal<string>;
|
|
18
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<_ButtonBase, never>;
|
|
19
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<_ButtonBase, never, never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "lightColoring": { "alias": "lightColoring"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<_ButtonBase, never, never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "lightColoring": { "alias": "lightColoring"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "pointerEventsWhenDisabled": { "alias": "pointerEventsWhenDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
20
21
|
}
|
|
@@ -7,6 +7,7 @@ export interface _SimpleButtonDefaults extends _FocusableComponentDefaults {
|
|
|
7
7
|
lightColoring: boolean;
|
|
8
8
|
compact: boolean;
|
|
9
9
|
type: ButtonType;
|
|
10
|
+
pointerEventsWhenDisabled: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare const _simpleButtonDefaults: _SimpleButtonDefaults;
|
|
12
13
|
export interface _ButtonBaseDefaults extends _SimpleButtonDefaults {
|
|
@@ -11,7 +11,8 @@ export declare class ArdiumIconButtonComponent extends _FocusableComponentBase {
|
|
|
11
11
|
readonly color: import("@angular/core").InputSignal<ComponentColor>;
|
|
12
12
|
readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
13
13
|
readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
14
|
+
readonly pointerEventsWhenDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
14
15
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumIconButtonComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumIconButtonComponent, "ard-icon-button", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "lightColoring": { "alias": "lightColoring"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumIconButtonComponent, "ard-icon-button", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "lightColoring": { "alias": "lightColoring"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "pointerEventsWhenDisabled": { "alias": "pointerEventsWhenDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
|
|
17
18
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ButtonAppearance } from '../buttons/general-button.types';
|
|
2
2
|
import { ComponentColor } from '../types/colors.types';
|
|
3
3
|
import { PanelVariant } from '../types/theming.types';
|
|
4
|
-
import { ArdDialogButtonsTemplateDirective } from './dialog.directives';
|
|
5
|
-
import {
|
|
4
|
+
import { ArdDialogButtonsTemplateDirective, ArdDialogCloseIconTemplateDirective } from './dialog.directives';
|
|
5
|
+
import { ArdDialogActionType, ArdDialogResult, DialogButtonsContext } from './dialog.types';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class ArdiumDialogComponent {
|
|
8
8
|
private readonly _DEFAULTS;
|
|
@@ -13,10 +13,14 @@ export declare class ArdiumDialogComponent {
|
|
|
13
13
|
readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
14
14
|
readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
15
15
|
readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
16
|
+
readonly buttonActionType: import("@angular/core").InputSignal<ArdDialogActionType>;
|
|
17
|
+
readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
16
18
|
readonly open: import("@angular/core").ModelSignal<boolean>;
|
|
17
|
-
readonly closeEvent: import("@angular/core").OutputEmitterRef<
|
|
19
|
+
readonly closeEvent: import("@angular/core").OutputEmitterRef<ArdDialogResult>;
|
|
18
20
|
readonly confirmEvent: import("@angular/core").OutputEmitterRef<void>;
|
|
19
21
|
readonly rejectEvent: import("@angular/core").OutputEmitterRef<void>;
|
|
22
|
+
openProgrammatically(): void;
|
|
23
|
+
closeProgrammatically(): void;
|
|
20
24
|
readonly confirmButtonText: import("@angular/core").InputSignal<string>;
|
|
21
25
|
readonly confirmButtonColor: import("@angular/core").InputSignal<ComponentColor>;
|
|
22
26
|
readonly confirmButtonAppearance: import("@angular/core").InputSignal<ButtonAppearance>;
|
|
@@ -29,7 +33,8 @@ export declare class ArdiumDialogComponent {
|
|
|
29
33
|
onRejectClick(): void;
|
|
30
34
|
onModalClose(): void;
|
|
31
35
|
readonly buttonsTemplate: import("@angular/core").Signal<ArdDialogButtonsTemplateDirective | undefined>;
|
|
36
|
+
readonly closeIconTemplate: import("@angular/core").Signal<ArdDialogCloseIconTemplateDirective | undefined>;
|
|
32
37
|
readonly getButtonsContext: import("@angular/core").Signal<DialogButtonsContext>;
|
|
33
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDialogComponent, never>;
|
|
34
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDialogComponent, "ard-dialog", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; "isSignal": true; }; "noBackdrop": { "alias": "noBackdrop"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "confirmButtonText": { "alias": "confirmButtonText"; "required": false; "isSignal": true; }; "confirmButtonColor": { "alias": "confirmButtonColor"; "required": false; "isSignal": true; }; "confirmButtonAppearance": { "alias": "confirmButtonAppearance"; "required": false; "isSignal": true; }; "rejectButtonText": { "alias": "rejectButtonText"; "required": false; "isSignal": true; }; "rejectButtonColor": { "alias": "rejectButtonColor"; "required": false; "isSignal": true; }; "rejectButtonAppearance": { "alias": "rejectButtonAppearance"; "required": false; "isSignal": true; }; "noRejectButton": { "alias": "noRejectButton"; "required": false; "isSignal": true; }; "canConfirm": { "alias": "canConfirm"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeEvent": "close"; "confirmEvent": "confirm"; "rejectEvent": "reject"; }, ["buttonsTemplate"], ["*"], false, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDialogComponent, "ard-dialog", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; "isSignal": true; }; "noBackdrop": { "alias": "noBackdrop"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "buttonActionType": { "alias": "buttonActionType"; "required": false; "isSignal": true; }; "allActionsDisabled": { "alias": "allActionsDisabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "confirmButtonText": { "alias": "confirmButtonText"; "required": false; "isSignal": true; }; "confirmButtonColor": { "alias": "confirmButtonColor"; "required": false; "isSignal": true; }; "confirmButtonAppearance": { "alias": "confirmButtonAppearance"; "required": false; "isSignal": true; }; "rejectButtonText": { "alias": "rejectButtonText"; "required": false; "isSignal": true; }; "rejectButtonColor": { "alias": "rejectButtonColor"; "required": false; "isSignal": true; }; "rejectButtonAppearance": { "alias": "rejectButtonAppearance"; "required": false; "isSignal": true; }; "noRejectButton": { "alias": "noRejectButton"; "required": false; "isSignal": true; }; "canConfirm": { "alias": "canConfirm"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeEvent": "close"; "confirmEvent": "confirm"; "rejectEvent": "reject"; }, ["buttonsTemplate", "closeIconTemplate"], ["*"], false, never>;
|
|
35
40
|
}
|
|
@@ -2,6 +2,7 @@ import { InjectionToken, Provider } from '@angular/core';
|
|
|
2
2
|
import { ArdModalDefaults } from '../modal/modal.defaults';
|
|
3
3
|
import { ButtonAppearance } from './../buttons/general-button.types';
|
|
4
4
|
import { ComponentColor } from './../types/colors.types';
|
|
5
|
+
import { ArdDialogActionType } from './dialog.types';
|
|
5
6
|
export interface ArdDialogDefaults extends ArdModalDefaults {
|
|
6
7
|
confirmButtonText: string;
|
|
7
8
|
confirmButtonColor: ComponentColor;
|
|
@@ -11,6 +12,7 @@ export interface ArdDialogDefaults extends ArdModalDefaults {
|
|
|
11
12
|
rejectButtonAppearance: ButtonAppearance;
|
|
12
13
|
noRejectButton: boolean;
|
|
13
14
|
canConfirm: boolean;
|
|
15
|
+
buttonActionType: ArdDialogActionType;
|
|
14
16
|
}
|
|
15
17
|
export declare const ARD_DIALOG_DEFAULTS: InjectionToken<ArdDialogDefaults>;
|
|
16
18
|
export declare function provideDialogDefaults(config: Partial<ArdDialogDefaults>): Provider;
|
|
@@ -7,3 +7,9 @@ export declare class ArdDialogButtonsTemplateDirective {
|
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdDialogButtonsTemplateDirective, never>;
|
|
8
8
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDialogButtonsTemplateDirective, "ard-dialog > ng-template[ard-buttons-tmp]", never, {}, {}, never, never, false, never>;
|
|
9
9
|
}
|
|
10
|
+
export declare class ArdDialogCloseIconTemplateDirective {
|
|
11
|
+
template: TemplateRef<undefined>;
|
|
12
|
+
constructor(template: TemplateRef<undefined>);
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdDialogCloseIconTemplateDirective, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDialogCloseIconTemplateDirective, "ard-dialog > ng-template[ard-close-icon-tmp]", never, {}, {}, never, never, false, never>;
|
|
15
|
+
}
|
|
@@ -6,6 +6,6 @@ import * as i4 from "../buttons/button/button.module";
|
|
|
6
6
|
import * as i5 from "../modal/modal.module";
|
|
7
7
|
export declare class ArdiumDialogModule {
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDialogModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDialogModule, [typeof i1.ArdiumDialogComponent, typeof i2.ArdDialogButtonsTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumButtonModule, typeof i5.ArdiumModalModule], [typeof i1.ArdiumDialogComponent, typeof i2.ArdDialogButtonsTemplateDirective]>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDialogModule, [typeof i1.ArdiumDialogComponent, typeof i2.ArdDialogButtonsTemplateDirective, typeof i2.ArdDialogCloseIconTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumButtonModule, typeof i5.ArdiumModalModule], [typeof i1.ArdiumDialogComponent, typeof i2.ArdDialogButtonsTemplateDirective, typeof i2.ArdDialogCloseIconTemplateDirective]>;
|
|
10
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumDialogModule>;
|
|
11
11
|
}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { ButtonAppearance } from '../buttons/general-button.types';
|
|
2
2
|
import { ComponentColor } from '../types/colors.types';
|
|
3
3
|
import { PanelAppearance, PanelVariant } from '../types/theming.types';
|
|
4
|
-
export declare const
|
|
4
|
+
export declare const ArdDialogResult: {
|
|
5
5
|
readonly Confirm: "confirm";
|
|
6
6
|
readonly Reject: "reject";
|
|
7
7
|
readonly Close: "close";
|
|
8
8
|
};
|
|
9
|
-
export type
|
|
9
|
+
export type ArdDialogResult = (typeof ArdDialogResult)[keyof typeof ArdDialogResult];
|
|
10
|
+
export declare const ArdDialogActionType: {
|
|
11
|
+
readonly NoOp: "no-op";
|
|
12
|
+
readonly AutoClose: "autoclose";
|
|
13
|
+
};
|
|
14
|
+
export type ArdDialogActionType = typeof ArdDialogActionType[keyof typeof ArdDialogActionType];
|
|
10
15
|
export interface DialogButtonsContext {
|
|
11
16
|
confirmButton: {
|
|
12
17
|
text: string;
|
|
@@ -20,6 +25,7 @@ export interface DialogButtonsContext {
|
|
|
20
25
|
appearance: ButtonAppearance;
|
|
21
26
|
};
|
|
22
27
|
canConfirm: boolean;
|
|
28
|
+
allActionsDisabled: boolean;
|
|
23
29
|
onConfirm: () => void;
|
|
24
30
|
onReject: () => void;
|
|
25
31
|
dialogAppearance: PanelAppearance;
|
package/lib/modal/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
2
|
import { PanelVariant } from '../types/theming.types';
|
|
3
|
+
import { ArdModalCloseIconTemplateDirective } from './modal.directives';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class ArdiumModalComponent {
|
|
5
6
|
private readonly overlay;
|
|
@@ -14,8 +15,11 @@ export declare class ArdiumModalComponent {
|
|
|
14
15
|
readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
15
16
|
readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
16
17
|
readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
18
|
+
readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
17
19
|
private readonly open;
|
|
18
20
|
set _open(v: any);
|
|
21
|
+
openProgrammatically(): void;
|
|
22
|
+
closeProgrammatically(): void;
|
|
19
23
|
readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
20
24
|
readonly closeEvent: import("@angular/core").OutputEmitterRef<void>;
|
|
21
25
|
readonly modalTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
|
|
@@ -24,6 +28,8 @@ export declare class ArdiumModalComponent {
|
|
|
24
28
|
private _destroyOverlay;
|
|
25
29
|
onBackdropClick(): void;
|
|
26
30
|
onCloseButtonClick(): void;
|
|
31
|
+
readonly closeIconTemplate: import("@angular/core").Signal<ArdModalCloseIconTemplateDirective | undefined>;
|
|
32
|
+
readonly _closeIconTemplate: import("@angular/core").InputSignal<ArdModalCloseIconTemplateDirective | undefined>;
|
|
27
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumModalComponent, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumModalComponent, "ard-modal", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; "isSignal": true; }; "noBackdrop": { "alias": "noBackdrop"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "_open": { "alias": "open"; "required": false; }; }, { "openChange": "openChange"; "closeEvent": "close"; },
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumModalComponent, "ard-modal", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; "isSignal": true; }; "noBackdrop": { "alias": "noBackdrop"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "allActionsDisabled": { "alias": "allActionsDisabled"; "required": false; "isSignal": true; }; "_open": { "alias": "open"; "required": false; }; "_closeIconTemplate": { "alias": "_closeIconTemplate"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "closeEvent": "close"; }, ["closeIconTemplate"], ["*"], false, never>;
|
|
29
35
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ArdModalCloseIconTemplateDirective {
|
|
4
|
+
template: TemplateRef<undefined>;
|
|
5
|
+
constructor(template: TemplateRef<undefined>);
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdModalCloseIconTemplateDirective, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ArdModalCloseIconTemplateDirective, "ard-modal > ng-template[ard-close-icon-tmp]", never, {}, {}, never, never, false, never>;
|
|
8
|
+
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./modal.component";
|
|
3
|
-
import * as i2 from "
|
|
4
|
-
import * as i3 from "
|
|
5
|
-
import * as i4 from "../icon/icon.module";
|
|
6
|
-
import * as i5 from "
|
|
3
|
+
import * as i2 from "./modal.directives";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../buttons/icon-button/icon-button.module";
|
|
6
|
+
import * as i5 from "../icon/icon.module";
|
|
7
|
+
import * as i6 from "@angular/cdk/a11y";
|
|
7
8
|
export declare class ArdiumModalModule {
|
|
8
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumModalModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumModalModule, [typeof i1.ArdiumModalComponent], [typeof
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumModalModule, [typeof i1.ArdiumModalComponent, typeof i2.ArdModalCloseIconTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumIconButtonModule, typeof i5.ArdiumIconModule, typeof i6.A11yModule], [typeof i1.ArdiumModalComponent, typeof i2.ArdModalCloseIconTemplateDirective]>;
|
|
10
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumModalModule>;
|
|
11
12
|
}
|
package/lib/star/index.d.ts
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { StarColor, StarFillMode } from './../star.types';
|
|
2
|
+
import { ArdRatingDisplayStarTemplateDirective } from './rating-display.directives';
|
|
3
|
+
import { ArdRatingDisplayStarTemplateContext } from './rating-display.types';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ArdiumRatingDisplayComponent {
|
|
6
|
+
readonly wrapperClasses: import("@angular/core").InputSignal<string>;
|
|
7
|
+
protected readonly _DEFAULTS: import("./rating-display.defaults").ArdRatingDisplayDefaults;
|
|
8
|
+
readonly color: import("@angular/core").InputSignal<StarColor>;
|
|
9
|
+
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
10
|
+
readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
|
|
11
|
+
readonly value: import("@angular/core").InputSignalWithTransform<number | StarFillMode[], string | number | StarFillMode[]>;
|
|
12
|
+
readonly starArray: import("@angular/core").Signal<StarFillMode[]>;
|
|
13
|
+
readonly starTemplate: import("@angular/core").Signal<ArdRatingDisplayStarTemplateDirective | undefined>;
|
|
14
|
+
readonly getStarTemplateContext: import("@angular/core").Signal<(fillMode: StarFillMode, index: number) => ArdRatingDisplayStarTemplateContext>;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRatingDisplayComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRatingDisplayComponent, "ard-rating-display", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, ["starTemplate"], never, false, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { InjectionToken, Provider } from '@angular/core';
|
|
2
|
+
import { StarColor } from '../star.types';
|
|
3
|
+
export interface ArdRatingDisplayDefaults {
|
|
4
|
+
color: StarColor;
|
|
5
|
+
max: number;
|
|
6
|
+
value: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const ARD_RATING_DISPLAY_DEFAULTS: InjectionToken<ArdRatingDisplayDefaults>;
|
|
9
|
+
export declare function provideRatingDisplayDefaults(config: Partial<ArdRatingDisplayDefaults>): Provider;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { ArdRatingDisplayStarTemplateContext } from './rating-display.types';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ArdRatingDisplayStarTemplateDirective {
|
|
5
|
+
template: TemplateRef<ArdRatingDisplayStarTemplateContext>;
|
|
6
|
+
constructor(template: TemplateRef<ArdRatingDisplayStarTemplateContext>);
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdRatingDisplayStarTemplateDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRatingDisplayStarTemplateDirective, "ard-rating-display > ng-template[ard-star-tmp]", never, {}, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./rating-display.component";
|
|
3
|
+
import * as i2 from "./rating-display.directives";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../star.module";
|
|
6
|
+
export declare class ArdiumRatingDisplayModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRatingDisplayModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumRatingDisplayModule, [typeof i1.ArdiumRatingDisplayComponent, typeof i2.ArdRatingDisplayStarTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumStarModule], [typeof i1.ArdiumRatingDisplayComponent, typeof i2.ArdRatingDisplayStarTemplateDirective]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumRatingDisplayModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
2
|
+
import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
|
|
3
|
+
import { ArdiumStarButtonComponent } from '../star-button/star-button.component';
|
|
4
|
+
import { StarColor } from '../star.types';
|
|
5
|
+
import { ArdRatingInputDefaults } from './rating-input.defaults';
|
|
6
|
+
import { ArdRatingInputStarButtonTemplateDirective } from './rating-input.directives';
|
|
7
|
+
import { ArdRatingInputStarButtonTemplateContext } from './rating-input.types';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export declare class ArdiumRatingInputComponent extends _NgModelComponentBase implements ControlValueAccessor {
|
|
10
|
+
readonly wrapperClasses: import("@angular/core").InputSignal<string>;
|
|
11
|
+
protected readonly _DEFAULTS: ArdRatingInputDefaults;
|
|
12
|
+
readonly color: import("@angular/core").InputSignal<StarColor>;
|
|
13
|
+
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
14
|
+
readonly highlightEvent: import("@angular/core").OutputEmitterRef<number>;
|
|
15
|
+
readonly value: import("@angular/core").ModelSignal<number | null>;
|
|
16
|
+
constructor(defaults: ArdRatingInputDefaults);
|
|
17
|
+
readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
|
|
18
|
+
readonly starButtonInstances: import("@angular/core").Signal<readonly ArdiumStarButtonComponent[]>;
|
|
19
|
+
private readonly _highlightedStarIndex;
|
|
20
|
+
readonly starArray: import("@angular/core").Signal<number[]>;
|
|
21
|
+
writeValue(v: number): void;
|
|
22
|
+
onStarClick(index: number): void;
|
|
23
|
+
onStarHighlight(index: number): void;
|
|
24
|
+
setDisplayToValue(): void;
|
|
25
|
+
protected _emitChange(): void;
|
|
26
|
+
private _isFocusEventSuppressed;
|
|
27
|
+
private _isBlurEventSuppressed;
|
|
28
|
+
private _currentFocusIndex;
|
|
29
|
+
onStarButtonFocus(event: FocusEvent, index: number): void;
|
|
30
|
+
onStarButtonBlur(event: FocusEvent): void;
|
|
31
|
+
focusStarButtonByIndex(index: number): void;
|
|
32
|
+
focusNextStarButton(offset: number): void;
|
|
33
|
+
private _suppressFocusEvents;
|
|
34
|
+
focus(): void;
|
|
35
|
+
blur(): void;
|
|
36
|
+
onKeyPress(event: KeyboardEvent): void;
|
|
37
|
+
private _onArrowRightPress;
|
|
38
|
+
private _onArrowLeftPress;
|
|
39
|
+
private _onHomePress;
|
|
40
|
+
private _onEndPress;
|
|
41
|
+
private _onTabPress;
|
|
42
|
+
readonly starButtonTemplate: import("@angular/core").Signal<ArdRatingInputStarButtonTemplateDirective | undefined>;
|
|
43
|
+
readonly getStarButtonTemplateContext: import("@angular/core").Signal<(index: number) => ArdRatingInputStarButtonTemplateContext>;
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRatingInputComponent, never>;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRatingInputComponent, "ard-rating-input", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "highlightEvent": "highlight"; "value": "valueChange"; }, ["starButtonTemplate"], never, false, never>;
|
|
46
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { InjectionToken, Provider } from '@angular/core';
|
|
2
|
+
import { _NgModelComponentDefaults } from '../../_internal/ngmodel-component';
|
|
3
|
+
import { StarColor } from '../star.types';
|
|
4
|
+
export interface ArdRatingInputDefaults extends _NgModelComponentDefaults {
|
|
5
|
+
color: StarColor;
|
|
6
|
+
max: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const ARD_RATING_INPUT_DEFAULTS: InjectionToken<ArdRatingInputDefaults>;
|
|
9
|
+
export declare function provideRatingInputDefaults(config: Partial<ArdRatingInputDefaults>): Provider;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TemplateRef } from "@angular/core";
|
|
2
|
+
import { ArdRatingInputStarButtonTemplateContext } from "./rating-input.types";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ArdRatingInputStarButtonTemplateDirective {
|
|
5
|
+
template: TemplateRef<ArdRatingInputStarButtonTemplateContext>;
|
|
6
|
+
constructor(template: TemplateRef<ArdRatingInputStarButtonTemplateContext>);
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdRatingInputStarButtonTemplateDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ArdRatingInputStarButtonTemplateDirective, "ard-rating-input > ng-template[ard-star-button-tmp]", never, {}, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./rating-input.component";
|
|
3
|
+
import * as i2 from "./rating-input.directives";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../star-button/star-button.module";
|
|
6
|
+
export declare class ArdiumRatingInputModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRatingInputModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumRatingInputModule, [typeof i1.ArdiumRatingInputComponent, typeof i2.ArdRatingInputStarButtonTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumStarButtonModule], [typeof i1.ArdiumRatingInputComponent, typeof i2.ArdRatingInputStarButtonTemplateDirective]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumRatingInputModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StarColor } from "../star.types";
|
|
2
|
+
export interface ArdRatingInputStarButtonTemplateContext {
|
|
3
|
+
color: StarColor;
|
|
4
|
+
index: number;
|
|
5
|
+
highlightedIndex: number;
|
|
6
|
+
valueIndex: number;
|
|
7
|
+
tabIndex: number;
|
|
8
|
+
onClick: () => void;
|
|
9
|
+
onFocus: (event: FocusEvent) => void;
|
|
10
|
+
onBlur: (event: FocusEvent) => void;
|
|
11
|
+
onHighlight: () => void;
|
|
12
|
+
}
|
|
@@ -4,6 +4,8 @@ import { ClickStrategy } from '../../types/utility.types';
|
|
|
4
4
|
import { StarColor } from '../star.types';
|
|
5
5
|
import { StarFillMode } from './../star.types';
|
|
6
6
|
import { ArdStarButtonDefaults } from './star-button.defaults';
|
|
7
|
+
import { ArdStarButtonStarTemplateDirective } from './star-button.directives';
|
|
8
|
+
import { ArdStarButtonStarTemplateContext } from './star-button.types';
|
|
7
9
|
import * as i0 from "@angular/core";
|
|
8
10
|
export declare class ArdiumStarButtonComponent extends _BooleanComponentBase implements ControlValueAccessor {
|
|
9
11
|
readonly wrapperClasses: import("@angular/core").InputSignal<string>;
|
|
@@ -14,6 +16,8 @@ export declare class ArdiumStarButtonComponent extends _BooleanComponentBase imp
|
|
|
14
16
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
15
17
|
readonly starFillState: import("@angular/core").Signal<StarFillMode>;
|
|
16
18
|
onClick(): void;
|
|
19
|
+
readonly starTemplate: import("@angular/core").Signal<ArdStarButtonStarTemplateDirective | undefined>;
|
|
20
|
+
readonly starTemplateContext: import("@angular/core").Signal<ArdStarButtonStarTemplateContext>;
|
|
17
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStarButtonComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarButtonComponent, "ard-star-button", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "clickStrategy": { "alias": "clickStrategy"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {},
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarButtonComponent, "ard-star-button", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "clickStrategy": { "alias": "clickStrategy"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, ["starTemplate"], never, false, never>;
|
|
19
23
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TemplateRef } from "@angular/core";
|
|
2
|
+
import { ArdStarButtonStarTemplateContext } from "./star-button.types";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ArdStarButtonStarTemplateDirective {
|
|
5
|
+
template: TemplateRef<ArdStarButtonStarTemplateContext>;
|
|
6
|
+
constructor(template: TemplateRef<ArdStarButtonStarTemplateContext>);
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdStarButtonStarTemplateDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ArdStarButtonStarTemplateDirective, "ard-star-button > ng-template[ard-star-tmp]", never, {}, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./star-button.component";
|
|
3
|
-
import * as i2 from "
|
|
4
|
-
import * as i3 from "
|
|
3
|
+
import * as i2 from "./star-button.directives";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../star.module";
|
|
5
6
|
export declare class ArdiumStarButtonModule {
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStarButtonModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumStarButtonModule, [typeof i1.ArdiumStarButtonComponent], [typeof
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumStarButtonModule, [typeof i1.ArdiumStarButtonComponent, typeof i2.ArdStarButtonStarTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumStarModule], [typeof i1.ArdiumStarButtonComponent, typeof i2.ArdStarButtonStarTemplateDirective]>;
|
|
8
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumStarButtonModule>;
|
|
9
10
|
}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ArdStarIconTemplateDirective } from './star.directives';
|
|
2
|
+
import { ArdStarIconContext, StarColor, StarFillMode } from './star.types';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class ArdiumStarComponent {
|
|
4
5
|
readonly wrapperClasses: import("@angular/core").InputSignal<string>;
|
|
5
6
|
protected readonly _DEFAULTS: import("./star.defaults").ArdStarDefaults;
|
|
6
7
|
readonly color: import("@angular/core").InputSignal<StarColor>;
|
|
7
|
-
readonly filled: import("@angular/core").InputSignalWithTransform<StarFillMode, boolean |
|
|
8
|
+
readonly filled: import("@angular/core").InputSignalWithTransform<StarFillMode, string | boolean | undefined>;
|
|
8
9
|
private _transformFillMode;
|
|
9
10
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
11
|
+
readonly iconTemplate: import("@angular/core").Signal<ArdStarIconTemplateDirective | undefined>;
|
|
12
|
+
readonly iconTemplateContext: import("@angular/core").Signal<ArdStarIconContext>;
|
|
10
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStarComponent, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarComponent, "ard-star", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "filled": { "alias": "filled"; "required": false; "isSignal": true; }; }, {},
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarComponent, "ard-star", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "filled": { "alias": "filled"; "required": false; "isSignal": true; }; }, {}, ["iconTemplate"], never, false, never>;
|
|
12
15
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TemplateRef } from "@angular/core";
|
|
2
|
+
import { ArdStarIconContext } from "./star.types";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ArdStarIconTemplateDirective {
|
|
5
|
+
template: TemplateRef<ArdStarIconContext>;
|
|
6
|
+
constructor(template: TemplateRef<ArdStarIconContext>);
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArdStarIconTemplateDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ArdStarIconTemplateDirective, "ard-star > ng-template[ard-star-icon-tmp]", never, {}, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./star.component";
|
|
3
|
-
import * as i2 from "
|
|
3
|
+
import * as i2 from "./star.directives";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../icon/icon.module";
|
|
4
6
|
export declare class ArdiumStarModule {
|
|
5
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStarModule, never>;
|
|
6
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumStarModule, [typeof i1.ArdiumStarComponent], [typeof
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumStarModule, [typeof i1.ArdiumStarComponent, typeof i2.ArdStarIconTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumIconModule], [typeof i1.ArdiumStarComponent, typeof i2.ArdStarIconTemplateDirective]>;
|
|
7
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumStarModule>;
|
|
8
10
|
}
|
package/lib/star/star.types.d.ts
CHANGED
|
@@ -15,9 +15,9 @@ export declare const StarFillMode: {
|
|
|
15
15
|
export type StarFillMode = (typeof StarFillMode)[keyof typeof StarFillMode];
|
|
16
16
|
export declare const StarColor: {
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* The app's color set for all stars. Usually gold or yellow-gold.
|
|
19
19
|
*/
|
|
20
|
-
readonly
|
|
20
|
+
readonly Gold: "gold";
|
|
21
21
|
readonly CurrentColor: "currentColor";
|
|
22
22
|
readonly None: "none";
|
|
23
23
|
readonly Primary: "primary";
|
|
@@ -28,3 +28,6 @@ export declare const StarColor: {
|
|
|
28
28
|
readonly Info: "info";
|
|
29
29
|
};
|
|
30
30
|
export type StarColor = (typeof StarColor)[keyof typeof StarColor];
|
|
31
|
+
export interface ArdStarIconContext {
|
|
32
|
+
$implicit: StarFillMode;
|
|
33
|
+
}
|
package/package.json
CHANGED
|
@@ -197,7 +197,7 @@ ard-button {
|
|
|
197
197
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
198
198
|
box-shadow: var(--ard-simple-shadow);
|
|
199
199
|
}
|
|
200
|
-
.ard-button.ard-appearance-raised:hover, .ard-button.ard-appearance-raised:focus, .ard-button.ard-appearance-raised-strong:hover, .ard-button.ard-appearance-raised-strong:focus {
|
|
200
|
+
.ard-button.ard-appearance-raised:hover, .ard-button.ard-appearance-raised:focus-visible, .ard-button.ard-appearance-raised-strong:hover, .ard-button.ard-appearance-raised-strong:focus-visible {
|
|
201
201
|
box-shadow: var(--ard-simple-shadow2);
|
|
202
202
|
}
|
|
203
203
|
.ard-button.ard-appearance-raised:active, .ard-button.ard-appearance-raised-strong:active {
|
|
@@ -220,7 +220,7 @@ ard-button {
|
|
|
220
220
|
.ard-button.ard-appearance-outlined-strong .ard-focus-overlay {
|
|
221
221
|
display: none;
|
|
222
222
|
}
|
|
223
|
-
.ard-button.ard-appearance-outlined-strong:hover, .ard-button.ard-appearance-outlined-strong:focus
|
|
223
|
+
.ard-button.ard-appearance-outlined-strong:hover, .ard-button.ard-appearance-outlined-strong:focus-visible {
|
|
224
224
|
background: var(--ard-cmpcl--bg-colored);
|
|
225
225
|
color: var(--ard-cmpcl--on-bg-colored);
|
|
226
226
|
}
|
|
@@ -281,6 +281,7 @@ ard-button {
|
|
|
281
281
|
ard-button.ard-disabled > .ard-button {
|
|
282
282
|
pointer-events: none;
|
|
283
283
|
opacity: 60%;
|
|
284
|
+
cursor: not-allowed;
|
|
284
285
|
}
|
|
285
286
|
ard-button.ard-disabled > .ard-button .ard-focus-overlay {
|
|
286
287
|
opacity: 20%;
|
|
@@ -293,5 +294,11 @@ ard-button.ard-disabled > .ard-button.ard-color-none .ard-button-content {
|
|
|
293
294
|
ard-button.ard-disabled > .ard-button.ard-color-none .ard-focus-overlay {
|
|
294
295
|
background: var(--ard-cmpcl--overlay);
|
|
295
296
|
}
|
|
297
|
+
ard-button.ard-disabled.ard-button-with-pointer-events-when-disabled {
|
|
298
|
+
pointer-events: all;
|
|
299
|
+
}
|
|
300
|
+
ard-button.ard-disabled.ard-button-with-pointer-events-when-disabled > .ard-button {
|
|
301
|
+
pointer-events: all;
|
|
302
|
+
}
|
|
296
303
|
|
|
297
304
|
/*# sourceMappingURL=button.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/button.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;;;AAGF;ECFE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AEhBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADrHF;EEdA;EACA;EACA;;AFgBA;EEZA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFKE;;AAIA;EACE;;AAKF;EACE;;AAIF;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAGJ;EAEE,YGvDC;EHwDD;EACA,YGxBY;;AH0BZ;EAEE,YG3BW;;AH6Bb;EACE,YG7BW;;AHgCf;EACE,YGpEC;EHqED;EACA;;AAEA;EACE;;AAGJ;EACE,YG7EC;EH8ED;EACA;EAMA;;AAJA;EACE;;AAIF;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/button.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;;;AAGF;ECFE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AEhBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADrHF;EEdA;EACA;EACA;;AFgBA;EEZA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFKE;;AAIA;EACE;;AAKF;EACE;;AAIF;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAGJ;EAEE,YGvDC;EHwDD;EACA,YGxBY;;AH0BZ;EAEE,YG3BW;;AH6Bb;EACE,YG7BW;;AHgCf;EACE,YGpEC;EHqED;EACA;;AAEA;EACE;;AAGJ;EACE,YG7EC;EH8ED;EACA;EAMA;;AAJA;EACE;;AAIF;EAEE;EACA;;AAGJ;EAEE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAEA;EACE;;ADzFJ;EACE;EACA;EACA;;AAIF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAEF;EAEE;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAMJ;ECiDA;EACA;EACA;;AAEA;EACE;EACA;;AAKA;AAAA;EAEE;;AAEF;EACE;;AD9DJ;EACE;;AAEA;EACE","file":"button.css"}
|