@raintonic/formaui 0.2.1 → 0.3.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/CHANGELOG.md +100 -3
- package/LICENSE +21 -0
- package/README.md +80 -26
- package/fesm2022/raintonic-formaui-components-accordion.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-accordion.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-alert.mjs +24 -5
- package/fesm2022/raintonic-formaui-components-alert.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-autocomplete.mjs +38 -9
- package/fesm2022/raintonic-formaui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-badge.mjs +45 -31
- package/fesm2022/raintonic-formaui-components-badge.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-big-menu.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-big-menu.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-breadcrumb.mjs +24 -7
- package/fesm2022/raintonic-formaui-components-breadcrumb.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-button-group.mjs +6 -6
- package/fesm2022/raintonic-formaui-components-button-group.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-button.mjs +63 -17
- package/fesm2022/raintonic-formaui-components-button.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-card.mjs +8 -8
- package/fesm2022/raintonic-formaui-components-card.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-checkbox.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-checkbox.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-data-table.mjs +67 -9
- package/fesm2022/raintonic-formaui-components-data-table.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-date-picker.mjs +63 -16
- package/fesm2022/raintonic-formaui-components-date-picker.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-drawer.mjs +19 -4
- package/fesm2022/raintonic-formaui-components-drawer.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-file-upload.mjs +25 -5
- package/fesm2022/raintonic-formaui-components-file-upload.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-form-field.mjs +21 -6
- package/fesm2022/raintonic-formaui-components-form-field.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-icon.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-icon.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-input.mjs +1 -1
- package/fesm2022/raintonic-formaui-components-input.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-list.mjs +4 -4
- package/fesm2022/raintonic-formaui-components-list.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-menu.mjs +4 -4
- package/fesm2022/raintonic-formaui-components-menu.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-number-input.mjs +20 -5
- package/fesm2022/raintonic-formaui-components-number-input.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-paginator.mjs +27 -7
- package/fesm2022/raintonic-formaui-components-paginator.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-password-input.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-password-input.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-popover.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-popover.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-progressbar.mjs +32 -7
- package/fesm2022/raintonic-formaui-components-progressbar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-radio.mjs +4 -4
- package/fesm2022/raintonic-formaui-components-radio.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-select.mjs +19 -4
- package/fesm2022/raintonic-formaui-components-select.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-side-panel.mjs +19 -4
- package/fesm2022/raintonic-formaui-components-side-panel.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-sidebar.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-sidebar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-skeleton.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-skeleton.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-slider.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-slider.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-spinner.mjs +24 -7
- package/fesm2022/raintonic-formaui-components-spinner.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-stepper.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-stepper.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tab.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-tab.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tag.mjs +21 -4
- package/fesm2022/raintonic-formaui-components-tag.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-time-picker.mjs +26 -7
- package/fesm2022/raintonic-formaui-components-time-picker.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-toggle.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-toggle.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-toolbar.mjs +41 -7
- package/fesm2022/raintonic-formaui-components-toolbar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tooltip.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-tooltip.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tree-table.mjs +35 -6
- package/fesm2022/raintonic-formaui-components-tree-table.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tree.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-tree.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-core.mjs +25 -1
- package/fesm2022/raintonic-formaui-core.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-services-dialog.mjs +3 -3
- package/fesm2022/raintonic-formaui-services-dialog.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-services-notification.mjs +2 -2
- package/fesm2022/raintonic-formaui-services-notification.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-services-theme.mjs +3 -3
- package/fesm2022/raintonic-formaui-services-theme.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-test-utils.mjs +21 -16
- package/fesm2022/raintonic-formaui-test-utils.mjs.map +1 -1
- package/fesm2022/raintonic-formaui.mjs +1 -1
- package/fesm2022/raintonic-formaui.mjs.map +1 -1
- package/llms-full.txt +33 -25
- package/llms.txt +1 -2
- package/package.json +1 -5
- package/styles/index.scss +2 -2
- package/styles/partials/_motion.scss +25 -0
- package/styles/partials/_theme.scss +6 -5
- package/styles/partials/components/_button.scss +361 -367
- package/styles/partials/themes/_dark.scss +14 -0
- package/styles/partials/themes/_light.scss +14 -0
- package/types/raintonic-formaui-components-alert.d.ts +11 -1
- package/types/raintonic-formaui-components-alert.d.ts.map +1 -1
- package/types/raintonic-formaui-components-autocomplete.d.ts +25 -7
- package/types/raintonic-formaui-components-autocomplete.d.ts.map +1 -1
- package/types/raintonic-formaui-components-badge.d.ts +20 -9
- package/types/raintonic-formaui-components-badge.d.ts.map +1 -1
- package/types/raintonic-formaui-components-big-menu.d.ts +12 -1
- package/types/raintonic-formaui-components-big-menu.d.ts.map +1 -1
- package/types/raintonic-formaui-components-breadcrumb.d.ts +11 -2
- package/types/raintonic-formaui-components-breadcrumb.d.ts.map +1 -1
- package/types/raintonic-formaui-components-button-group.d.ts +6 -6
- package/types/raintonic-formaui-components-button.d.ts +9 -7
- package/types/raintonic-formaui-components-button.d.ts.map +1 -1
- package/types/raintonic-formaui-components-card.d.ts +4 -4
- package/types/raintonic-formaui-components-checkbox.d.ts +1 -1
- package/types/raintonic-formaui-components-data-table.d.ts +56 -16
- package/types/raintonic-formaui-components-data-table.d.ts.map +1 -1
- package/types/raintonic-formaui-components-date-picker.d.ts +32 -4
- package/types/raintonic-formaui-components-date-picker.d.ts.map +1 -1
- package/types/raintonic-formaui-components-drawer.d.ts +10 -1
- package/types/raintonic-formaui-components-drawer.d.ts.map +1 -1
- package/types/raintonic-formaui-components-file-upload.d.ts +12 -1
- package/types/raintonic-formaui-components-file-upload.d.ts.map +1 -1
- package/types/raintonic-formaui-components-form-field.d.ts +12 -2
- package/types/raintonic-formaui-components-form-field.d.ts.map +1 -1
- package/types/raintonic-formaui-components-input.d.ts +1 -1
- package/types/raintonic-formaui-components-number-input.d.ts +11 -2
- package/types/raintonic-formaui-components-number-input.d.ts.map +1 -1
- package/types/raintonic-formaui-components-paginator.d.ts +13 -1
- package/types/raintonic-formaui-components-paginator.d.ts.map +1 -1
- package/types/raintonic-formaui-components-password-input.d.ts +12 -2
- package/types/raintonic-formaui-components-password-input.d.ts.map +1 -1
- package/types/raintonic-formaui-components-progressbar.d.ts +14 -1
- package/types/raintonic-formaui-components-progressbar.d.ts.map +1 -1
- package/types/raintonic-formaui-components-select.d.ts.map +1 -1
- package/types/raintonic-formaui-components-side-panel.d.ts +10 -1
- package/types/raintonic-formaui-components-side-panel.d.ts.map +1 -1
- package/types/raintonic-formaui-components-sidebar.d.ts +12 -1
- package/types/raintonic-formaui-components-sidebar.d.ts.map +1 -1
- package/types/raintonic-formaui-components-slider.d.ts +12 -1
- package/types/raintonic-formaui-components-slider.d.ts.map +1 -1
- package/types/raintonic-formaui-components-spinner.d.ts +12 -2
- package/types/raintonic-formaui-components-spinner.d.ts.map +1 -1
- package/types/raintonic-formaui-components-tag.d.ts +10 -1
- package/types/raintonic-formaui-components-tag.d.ts.map +1 -1
- package/types/raintonic-formaui-components-time-picker.d.ts +14 -2
- package/types/raintonic-formaui-components-time-picker.d.ts.map +1 -1
- package/types/raintonic-formaui-components-toggle.d.ts +1 -1
- package/types/raintonic-formaui-components-toolbar.d.ts +22 -4
- package/types/raintonic-formaui-components-toolbar.d.ts.map +1 -1
- package/types/raintonic-formaui-components-tree-table.d.ts +29 -4
- package/types/raintonic-formaui-components-tree-table.d.ts.map +1 -1
- package/types/raintonic-formaui-components-tree.d.ts +12 -1
- package/types/raintonic-formaui-components-tree.d.ts.map +1 -1
- package/types/raintonic-formaui-core.d.ts +19 -2
- package/types/raintonic-formaui-core.d.ts.map +1 -1
- package/types/raintonic-formaui-services-dialog.d.ts +1 -1
- package/types/raintonic-formaui-services-theme.d.ts +3 -3
- package/types/raintonic-formaui-test-utils.d.ts +15 -2
- package/types/raintonic-formaui-test-utils.d.ts.map +1 -1
- package/types/raintonic-formaui.d.ts +1 -1
- package/fesm2022/raintonic-formaui-components-dynamic-form.mjs +0 -266
- package/fesm2022/raintonic-formaui-components-dynamic-form.mjs.map +0 -1
- package/types/raintonic-formaui-components-dynamic-form.d.ts +0 -412
- package/types/raintonic-formaui-components-dynamic-form.d.ts.map +0 -1
|
@@ -202,6 +202,20 @@
|
|
|
202
202
|
--fui-state-error-bg: var(--fui-danger-30);
|
|
203
203
|
--fui-state-error-hover: var(--fui-danger-110);
|
|
204
204
|
|
|
205
|
+
// Destructive component states (button v2 — button only, not to be confused with
|
|
206
|
+
// state-error which is used by form fields / alerts / badges)
|
|
207
|
+
--fui-destructive-default: var(--fui-danger-90);
|
|
208
|
+
--fui-destructive-hover: var(--fui-danger-100);
|
|
209
|
+
--fui-destructive-text: white;
|
|
210
|
+
|
|
211
|
+
// Tertiary (neutral) component states
|
|
212
|
+
--fui-tertiary-text: var(--fui-text-primary);
|
|
213
|
+
--fui-tertiary-hover-bg: var(--fui-surface-03);
|
|
214
|
+
|
|
215
|
+
// Tertiary-violet component states
|
|
216
|
+
--fui-tertiary-violet-text: var(--fui-primary);
|
|
217
|
+
--fui-tertiary-violet-hover-bg: var(--fui-primary-bg);
|
|
218
|
+
|
|
205
219
|
// State colors - Success
|
|
206
220
|
--fui-state-success: var(--fui-success-110);
|
|
207
221
|
--fui-state-success-bg: var(--fui-success-30);
|
|
@@ -202,6 +202,20 @@
|
|
|
202
202
|
--fui-state-error-bg: var(--fui-danger-30);
|
|
203
203
|
--fui-state-error-hover: var(--fui-danger-110);
|
|
204
204
|
|
|
205
|
+
// Destructive component states (button v2 — button only, not to be confused with
|
|
206
|
+
// state-error which is used by form fields / alerts / badges)
|
|
207
|
+
--fui-destructive-default: var(--fui-danger-90);
|
|
208
|
+
--fui-destructive-hover: var(--fui-danger-100);
|
|
209
|
+
--fui-destructive-text: white;
|
|
210
|
+
|
|
211
|
+
// Tertiary (neutral) component states
|
|
212
|
+
--fui-tertiary-text: var(--fui-text-primary);
|
|
213
|
+
--fui-tertiary-hover-bg: var(--fui-surface-03);
|
|
214
|
+
|
|
215
|
+
// Tertiary-violet component states
|
|
216
|
+
--fui-tertiary-violet-text: var(--fui-primary);
|
|
217
|
+
--fui-tertiary-violet-hover-bg: var(--fui-primary-bg);
|
|
218
|
+
|
|
205
219
|
// State colors - Success
|
|
206
220
|
--fui-state-success: var(--fui-success-110);
|
|
207
221
|
--fui-state-success-bg: var(--fui-success-30);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { Signal } from '@angular/core';
|
|
3
|
+
import { FuiIntlBase } from '@raintonic/formaui/core';
|
|
3
4
|
|
|
4
5
|
type FuiAlertVariant = 'primary' | 'success' | 'info' | 'warning' | 'error' | 'generic';
|
|
5
6
|
declare const FUI_ALERT_VARIANTS: readonly FuiAlertVariant[];
|
|
@@ -39,6 +40,12 @@ interface FuiNotificationConfig {
|
|
|
39
40
|
type FuiNotificationPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
40
41
|
declare const FUI_NOTIFICATION_POSITIONS: readonly FuiNotificationPosition[];
|
|
41
42
|
|
|
43
|
+
declare class FuiAlertIntl extends FuiIntlBase {
|
|
44
|
+
closeAriaLabel: string;
|
|
45
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiAlertIntl, never>;
|
|
46
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<FuiAlertIntl>;
|
|
47
|
+
}
|
|
48
|
+
|
|
42
49
|
/**
|
|
43
50
|
* # FuiAlertComponent
|
|
44
51
|
*
|
|
@@ -84,6 +91,9 @@ declare const FUI_NOTIFICATION_POSITIONS: readonly FuiNotificationPosition[];
|
|
|
84
91
|
* ```
|
|
85
92
|
*/
|
|
86
93
|
declare class FuiAlertComponent {
|
|
94
|
+
readonly intl: FuiAlertIntl;
|
|
95
|
+
private readonly _cdr;
|
|
96
|
+
constructor();
|
|
87
97
|
/**
|
|
88
98
|
* Alert variant (determines color scheme and default icon)
|
|
89
99
|
*/
|
|
@@ -138,6 +148,6 @@ declare class FuiAlertComponent {
|
|
|
138
148
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiAlertComponent, "fui-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
|
|
139
149
|
}
|
|
140
150
|
|
|
141
|
-
export { FUI_ALERT_VARIANTS, FUI_NOTIFICATION_POSITIONS, FuiAlertComponent };
|
|
151
|
+
export { FUI_ALERT_VARIANTS, FUI_NOTIFICATION_POSITIONS, FuiAlertComponent, FuiAlertIntl };
|
|
142
152
|
export type { FuiAlertVariant, FuiNotificationConfig, FuiNotificationPosition };
|
|
143
153
|
//# sourceMappingURL=raintonic-formaui-components-alert.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"raintonic-formaui-components-alert.d.ts","sources":["../../../lib/components/alert/alert.types.ts","../../../lib/components/alert/alert.component.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-components-alert.d.ts","sources":["../../../lib/components/alert/alert.types.ts","../../../lib/components/alert/alert.intl.ts","../../../lib/components/alert/alert.component.ts"],"mappings":";;;;AAAM,KAAM,eAAe;AAE3B,cAAa,kBAAkB,WAAW,eAAe;AASzD;;AAEG;UACc,qBAAqB;AACpC;;AAEG;aACM,eAAe;AAExB;;AAEG;;AAGH;;AAEG;;AAGH;;;AAGG;;AAGH;;AAEG;;AAGH;;AAEG;;AAEJ;AAED;;AAEG;AACG,KAAM,uBAAuB;AAQnC,cAAa,0BAA0B,WAAW,uBAAuB;;ACvDzE,cACa,YAAa,SAAQ,WAAW;AAC3C;oDADW,YAAY;wDAAZ,YAAY;AAExB;;ACCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CG;AACH,cAca,iBAAiB;mBACf,YAAA;AACb;;AAQA;;AAEG;sBACa,aAAA,CAAA,wBAAA,CAAA,eAAA;AAIhB;;AAEG;oBACW,aAAA,CAAA,WAAA;AAEd;;;;AAIG;uBACc,aAAA,CAAA,WAAA;AAEjB;;AAEG;0BACiB,aAAA,CAAA,WAAA;AAEpB;;AAEG;wBACe,aAAA,CAAA,WAAA;AAElB;;AAEG;mBACU,aAAA,CAAA,WAAA;AAEb;;AAEG;qBACY,aAAA,CAAA,gBAAA;AAEf;;AAEG;AACH,8BAA0B,MAAM;AAMhC;;AAEG;AACH,2BAAuB,MAAM;AAK7B;;AAEG;AACH,+BAA2B,MAAM;AAIjC;;AAEG;AACH,2BAAuB,MAAM;AAmB7B;;AAEG;AACH;oDAlGW,iBAAiB;sDAAjB,iBAAiB;AAqG7B;;;;","names":[]}
|
|
@@ -1,10 +1,22 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, DoCheck, OnDestroy, InputSignal, OutputEmitterRef, WritableSignal,
|
|
2
|
+
import { InjectionToken, DoCheck, OnDestroy, InputSignal, Signal, OutputEmitterRef, WritableSignal, ElementRef } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
4
4
|
import { Subject } from 'rxjs';
|
|
5
|
-
import { FuiFormFieldControl, ErrorStateMatcher } from '@raintonic/formaui/core';
|
|
5
|
+
import { FuiIntlBase, FuiFormFieldControl, ErrorStateMatcher } from '@raintonic/formaui/core';
|
|
6
6
|
import { FuiOptionComponent } from '@raintonic/formaui/components/select';
|
|
7
7
|
|
|
8
|
+
declare class FuiAutocompleteIntl extends FuiIntlBase {
|
|
9
|
+
addButtonLabel: string;
|
|
10
|
+
refreshButtonLabel: string;
|
|
11
|
+
noOptionsText: string;
|
|
12
|
+
searchPlaceholder: string;
|
|
13
|
+
clearSelectionAriaLabel: string;
|
|
14
|
+
noResultsAvailableText: string;
|
|
15
|
+
resultsAvailableText(count: number): string;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FuiAutocompleteIntl, never>;
|
|
17
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FuiAutocompleteIntl>;
|
|
18
|
+
}
|
|
19
|
+
|
|
8
20
|
/**
|
|
9
21
|
* Injection token used to provide the parent autocomplete to options
|
|
10
22
|
*/
|
|
@@ -85,16 +97,22 @@ interface FuiAutocompleteChange {
|
|
|
85
97
|
declare class FuiAutocompleteComponent implements ControlValueAccessor, FuiFormFieldControl, DoCheck, OnDestroy {
|
|
86
98
|
static nextId: number;
|
|
87
99
|
readonly controlType = "fui-autocomplete";
|
|
100
|
+
readonly intl: FuiAutocompleteIntl;
|
|
101
|
+
private readonly _cdr;
|
|
88
102
|
readonly placeholderInput: InputSignal<string>;
|
|
89
103
|
readonly disabledInput: InputSignal<boolean>;
|
|
90
104
|
readonly readonly: InputSignal<boolean>;
|
|
91
105
|
readonly showAddButton: InputSignal<boolean>;
|
|
92
106
|
readonly showRefreshButton: InputSignal<boolean>;
|
|
93
|
-
readonly addButtonLabel: InputSignal<string>;
|
|
94
|
-
readonly refreshButtonLabel: InputSignal<string>;
|
|
95
|
-
readonly noOptionsText: InputSignal<string>;
|
|
96
|
-
readonly searchPlaceholder: InputSignal<string>;
|
|
107
|
+
readonly addButtonLabel: InputSignal<string | undefined>;
|
|
108
|
+
readonly refreshButtonLabel: InputSignal<string | undefined>;
|
|
109
|
+
readonly noOptionsText: InputSignal<string | undefined>;
|
|
110
|
+
readonly searchPlaceholder: InputSignal<string | undefined>;
|
|
97
111
|
readonly errorStateMatcher: InputSignal<ErrorStateMatcher | null>;
|
|
112
|
+
readonly resolvedAddButtonLabel: Signal<string>;
|
|
113
|
+
readonly resolvedRefreshButtonLabel: Signal<string>;
|
|
114
|
+
readonly resolvedNoOptionsText: Signal<string>;
|
|
115
|
+
readonly resolvedSearchPlaceholder: Signal<string>;
|
|
98
116
|
/**
|
|
99
117
|
* Whether to compare option values using object identity or deep equality
|
|
100
118
|
*/
|
|
@@ -188,6 +206,6 @@ declare class FuiAutocompleteComponent implements ControlValueAccessor, FuiFormF
|
|
|
188
206
|
static ɵcmp: i0.ɵɵComponentDeclaration<FuiAutocompleteComponent, "fui-autocomplete", never, { "placeholderInput": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "showAddButton": { "alias": "showAddButton"; "required": false; "isSignal": true; }; "showRefreshButton": { "alias": "showRefreshButton"; "required": false; "isSignal": true; }; "addButtonLabel": { "alias": "addButtonLabel"; "required": false; "isSignal": true; }; "refreshButtonLabel": { "alias": "refreshButtonLabel"; "required": false; "isSignal": true; }; "noOptionsText": { "alias": "noOptionsText"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; "openedChange": "openedChange"; "addNew": "addNew"; "refresh": "refresh"; "searchChange": "searchChange"; }, ["options"], ["*"], true, never>;
|
|
189
207
|
}
|
|
190
208
|
|
|
191
|
-
export { FUI_AUTOCOMPLETE, FuiAutocompleteComponent };
|
|
209
|
+
export { FUI_AUTOCOMPLETE, FuiAutocompleteComponent, FuiAutocompleteIntl };
|
|
192
210
|
export type { FuiAutocompleteChange };
|
|
193
211
|
//# sourceMappingURL=raintonic-formaui-components-autocomplete.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"raintonic-formaui-components-autocomplete.d.ts","sources":["../../../lib/components/autocomplete/autocomplete.component.ts"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-components-autocomplete.d.ts","sources":["../../../lib/components/autocomplete/autocomplete.intl.ts","../../../lib/components/autocomplete/autocomplete.component.ts"],"mappings":";;;;;;;AAGA,cACa,mBAAoB,SAAQ,WAAW;AAClD;AACA;AACA;AACA;AACA;AACA;AAEA;yCARW,mBAAmB;6CAAnB,mBAAmB;AAW/B;;AC8BD;;AAEG;AACH,cAAa,gBAAgB,EAAA,cAAA,CAAA,wBAAA;AAE7B;;AAEG;UACc,qBAAqB;YAC5B,wBAAwB;;AAEjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEG;AACH,cAiCa,wBAAyB,YAAW,oBAAoB,EAAE,mBAAmB,EAAE,OAAO,EAAE,SAAS;;;mBAM/F,mBAAA;AACb;AAGA,+BAA2B,WAAW;AAGtC,4BAAwB,WAAW;AAGnC,uBAAmB,WAAW;AAC9B,4BAAwB,WAAW;AACnC,gCAA4B,WAAW;6BAChB,WAAA;iCACI,WAAA;4BACL,WAAA;gCACI,WAAA;gCACE,WAAW,CAAC,iBAAiB;qCAG1B,MAAA;yCACI,MAAA;oCACL,MAAA;wCACI,MAAA;AAElC;;AAEG;AACH,0BAAsB,WAAW;AAKjC,0BAAsB,gBAAgB;AACtC,8BAA0B,gBAAgB,CAAC,qBAAqB;AAChE,2BAAuB,gBAAgB;AACvC,qBAAiB,gBAAgB;AACjC,sBAAkB,gBAAgB;AAClC,2BAAuB,gBAAgB;AAGvC;AACA;AACA;AACA,wBAAoB,cAAc;2BAGb,OAAA;;AAErB;AAGA;yBACmB,cAAA;;;;AAMnB;AACA,qBAAiB,SAAS;0BAKN,MAAA;AACpB;uBACiB,cAAA;oBAEH,cAAA;sBACE,cAAA;AAEhB;uBACiB,MAAA;oBAEH,MAAA;;AAQ2B,cAAU,UAAU,CAAC,cAAc;AACrC,YAAQ,UAAU,CAAC,cAAc;AAExE,kBAAc,UAAU,CAAC,gBAAgB;sBAGzB,MAAA,UAAA,kBAAA;wBAGE,cAAA;AAGlB,yBAAqB,cAAc;AAGnC,gCAA4B,cAAc;gCAGhB,cAAA;AAE1B;;;AAYA;AACA;AACA;AACA;;;;AAYA,2BAAuB,MAAM;8BAaH,MAAM,CAAC,kBAAkB;AAWnD,iCAA6B,MAAM;;AAuDnC;AAgBA;AAOA;;AASA;AAIA;AAMA,6BAAyB,UAAU;AAMnC;AAIA;AAKA,iBAAa,KAAK;AASlB;AAIA;AAKA;AAUA;AAsBA;AAwBA,8BAA0B,kBAAkB;AAuB5C,yBAAqB,KAAK;AAgB1B;AAMA;AAOA;AAKA,0BAAsB,aAAa;AAanC;AAeA,+BAA2B,aAAa;AA8DxC;AAMA;AAsBA;AAkBA;AAqBA;AA4BA;AA8BA;AA+DA;;2CAmBuC,kBAAkB;;yCA5rB9C,wBAAwB;2CAAxB,wBAAwB;AAysBpC;;;;","names":[]}
|
|
@@ -2,6 +2,11 @@ import * as _angular_core from '@angular/core';
|
|
|
2
2
|
import { Signal } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
type FuiBadgeSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
interface FuiBadgeCustomColorObject {
|
|
6
|
+
label: string;
|
|
7
|
+
background: string;
|
|
8
|
+
}
|
|
9
|
+
type FuiBadgeCustomColor = string | FuiBadgeCustomColorObject;
|
|
5
10
|
type FuiBadgeVariant = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'custom';
|
|
6
11
|
declare const FUI_BADGE_SIZES: readonly FuiBadgeSize[];
|
|
7
12
|
declare const FUI_BADGE_VARIANTS: readonly FuiBadgeVariant[];
|
|
@@ -14,7 +19,9 @@ declare const FUI_BADGE_VARIANTS: readonly FuiBadgeVariant[];
|
|
|
14
19
|
*
|
|
15
20
|
* @input label - (required) Text content of the badge.
|
|
16
21
|
* @input icon - Optional Phosphor icon name displayed before the label.
|
|
17
|
-
* @input customColor - Optional hex color that overrides the variant palette.
|
|
22
|
+
* @input customColor - Optional hex color or `{ label, background }` object that overrides the variant palette.
|
|
23
|
+
* - Hex string: used as label color; background is the same hex with 16% alpha.
|
|
24
|
+
* - Object: `{ label, background }` both as hex; applied as-is.
|
|
18
25
|
* @input size - Badge size: 'sm' | 'md' | 'lg'. Default 'md'.
|
|
19
26
|
* @input variant - Color variant: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info'. Default 'primary'.
|
|
20
27
|
* @input ariaLabel - Accessible label override for screen readers.
|
|
@@ -23,25 +30,29 @@ declare const FUI_BADGE_VARIANTS: readonly FuiBadgeVariant[];
|
|
|
23
30
|
* <fui-badge label="Active" variant="success" icon="check-circle"></fui-badge>
|
|
24
31
|
*/
|
|
25
32
|
declare class FuiBadgeComponent {
|
|
26
|
-
/**
|
|
27
|
-
private static readonly
|
|
33
|
+
/** Hex pattern: #rgb, #rgba, #rrggbb, #rrggbbaa */
|
|
34
|
+
private static readonly _HEX_PATTERN;
|
|
28
35
|
readonly label: _angular_core.InputSignal<string>;
|
|
29
36
|
readonly icon: _angular_core.InputSignal<string | null>;
|
|
30
|
-
readonly customColor: _angular_core.InputSignal<
|
|
37
|
+
readonly customColor: _angular_core.InputSignal<FuiBadgeCustomColor | null>;
|
|
31
38
|
readonly size: _angular_core.InputSignalWithTransform<FuiBadgeSize, string>;
|
|
32
39
|
readonly variant: _angular_core.InputSignalWithTransform<FuiBadgeVariant, string>;
|
|
33
40
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
34
|
-
/**
|
|
35
|
-
|
|
36
|
-
|
|
41
|
+
/**
|
|
42
|
+
* Resolved custom color pair (label + background).
|
|
43
|
+
* - String input: must be a valid hex → used as label color, background is same hex with 16% alpha.
|
|
44
|
+
* - Object input: `{ label, background }` used directly (both must be valid hex).
|
|
45
|
+
* Returns null for invalid values to prevent CSS injection.
|
|
46
|
+
*/
|
|
47
|
+
readonly resolvedCustomColor: Signal<FuiBadgeCustomColorObject | null>;
|
|
37
48
|
readonly computedStyles: Signal<Record<string, string>>;
|
|
38
49
|
readonly computedClasses: Signal<string>;
|
|
39
50
|
readonly iconSize: Signal<'sm' | 'md' | 'lg'>;
|
|
40
|
-
private
|
|
51
|
+
private hexToRgba;
|
|
41
52
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiBadgeComponent, never>;
|
|
42
53
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiBadgeComponent, "fui-badge", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "customColor": { "alias": "customColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
43
54
|
}
|
|
44
55
|
|
|
45
56
|
export { FUI_BADGE_SIZES, FUI_BADGE_VARIANTS, FuiBadgeComponent };
|
|
46
|
-
export type { FuiBadgeSize, FuiBadgeVariant };
|
|
57
|
+
export type { FuiBadgeCustomColor, FuiBadgeCustomColorObject, FuiBadgeSize, FuiBadgeVariant };
|
|
47
58
|
//# sourceMappingURL=raintonic-formaui-components-badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"raintonic-formaui-components-badge.d.ts","sources":["../../../lib/components/badge/badge.types.ts","../../../lib/components/badge/badge.component.ts"],"mappings":";;;AAAM,KAAM,YAAY;
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-components-badge.d.ts","sources":["../../../lib/components/badge/badge.types.ts","../../../lib/components/badge/badge.component.ts"],"mappings":";;;AAAM,KAAM,YAAY;UAEP,yBAAyB;;;AAGzC;KAEW,mBAAmB,YAAY,yBAAyB;KAExD,eAAe;AAE3B,cAAa,eAAe,WAAW,YAAY;AAEnD,cAAa,kBAAkB,WAAW,eAAe;;ACFzD;;;;;;;;;;;;;;;;;AAiBG;AACH,cAca,iBAAiB;;AAE5B;oBAEc,aAAA,CAAA,WAAA;mBAED,aAAA,CAAA,WAAA;0BAEO,aAAA,CAAA,WAAA,CAAA,mBAAA;mBAEP,aAAA,CAAA,wBAAA,CAAA,YAAA;sBAIG,aAAA,CAAA,wBAAA,CAAA,eAAA;wBAIE,aAAA,CAAA,WAAA;AAElB;;;;;AAKG;kCAC2B,MAAM,CAAC,yBAAyB;6BAoBvC,MAAA,CAAA,MAAA;AASvB,8BAA0B,MAAM;uBAWb,MAAM;AAMzB;oDAxEW,iBAAiB;sDAAjB,iBAAiB;AAqF7B;;;;","names":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { OnInit } from '@angular/core';
|
|
3
|
+
import { FuiIntlBase } from '@raintonic/formaui/core';
|
|
3
4
|
|
|
4
5
|
interface BigMenuItem {
|
|
5
6
|
id: string;
|
|
@@ -17,6 +18,13 @@ interface BigMenuChild {
|
|
|
17
18
|
badge?: number;
|
|
18
19
|
}
|
|
19
20
|
|
|
21
|
+
declare class FuiBigMenuIntl extends FuiIntlBase {
|
|
22
|
+
rootAriaLabel: string;
|
|
23
|
+
categoriesAriaLabel: string;
|
|
24
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiBigMenuIntl, never>;
|
|
25
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<FuiBigMenuIntl>;
|
|
26
|
+
}
|
|
27
|
+
|
|
20
28
|
/**
|
|
21
29
|
* @component FuiBigMenuComponent
|
|
22
30
|
* @selector fui-big-menu
|
|
@@ -41,6 +49,8 @@ interface BigMenuChild {
|
|
|
41
49
|
* <fui-big-menu [menu]="menuItems" (itemMenuClick)="onItemClick($event)"></fui-big-menu>
|
|
42
50
|
*/
|
|
43
51
|
declare class FuiBigMenuComponent implements OnInit {
|
|
52
|
+
readonly intl: FuiBigMenuIntl;
|
|
53
|
+
private readonly _cdr;
|
|
44
54
|
menu: _angular_core.InputSignal<BigMenuItem[]>;
|
|
45
55
|
itemMenuClick: _angular_core.OutputEmitterRef<{
|
|
46
56
|
item: BigMenuChild;
|
|
@@ -49,6 +59,7 @@ declare class FuiBigMenuComponent implements OnInit {
|
|
|
49
59
|
selectedMainVoice: _angular_core.WritableSignal<BigMenuItem | null>;
|
|
50
60
|
selectedMainVoiceId: _angular_core.Signal<string | undefined>;
|
|
51
61
|
showSecondaryMenu: _angular_core.WritableSignal<boolean>;
|
|
62
|
+
constructor();
|
|
52
63
|
ngOnInit(): void;
|
|
53
64
|
selectMainVoice(voice: BigMenuItem): void;
|
|
54
65
|
onMouseOver(): void;
|
|
@@ -57,6 +68,6 @@ declare class FuiBigMenuComponent implements OnInit {
|
|
|
57
68
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiBigMenuComponent, "fui-big-menu", never, { "menu": { "alias": "menu"; "required": true; "isSignal": true; }; }, { "itemMenuClick": "itemMenuClick"; }, never, ["[top-content]", "[bottom-content]"], true, never>;
|
|
58
69
|
}
|
|
59
70
|
|
|
60
|
-
export { FuiBigMenuComponent };
|
|
71
|
+
export { FuiBigMenuComponent, FuiBigMenuIntl };
|
|
61
72
|
export type { BigMenuChild, BigMenuItem };
|
|
62
73
|
//# sourceMappingURL=raintonic-formaui-components-big-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"raintonic-formaui-components-big-menu.d.ts","sources":["../../../lib/components/big-menu/big-menu-item.interface.ts","../../../lib/components/big-menu/big-menu.component.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-components-big-menu.d.ts","sources":["../../../lib/components/big-menu/big-menu-item.interface.ts","../../../lib/components/big-menu/big-menu.intl.ts","../../../lib/components/big-menu/big-menu.component.ts"],"mappings":";;;;UAAiB,WAAW;;;;cAIhB,YAAY;AACvB;UAEgB,YAAY;;;;;;;;AAQ5B;;ACZD,cACa,cAAe,SAAQ,WAAW;AAC7C;AACA;oDAFW,cAAc;wDAAd,cAAc;AAG1B;;ACAD;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACH,cAMa,mBAAoB,YAAW,MAAM;mBACnC,cAAA;AACb;AAEA,UAAI,aAAA,CAAA,WAAA,CAAA,WAAA;mBAES,aAAA,CAAA,gBAAA;cAAkB,YAAY;eAAS,UAAU;AAAM;AACpE,uBAAiB,aAAA,CAAA,cAAA,CAAA,WAAA;AACjB,yBAAmB,aAAA,CAAA,MAAA;AACnB,uBAAiB,aAAA,CAAA,cAAA;;AAMjB;AAIA,2BAAuB,WAAW;AAOlC;AAKA;oDA/BW,mBAAmB;sDAAnB,mBAAmB;AAkC/B;;;;","names":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { InjectionToken } from '@angular/core';
|
|
3
|
+
import { FuiIntlBase } from '@raintonic/formaui/core';
|
|
3
4
|
|
|
4
5
|
declare class FuiBreadcrumbItemComponent {
|
|
5
6
|
readonly routerLink: _angular_core.InputSignal<string | unknown[] | null>;
|
|
@@ -11,9 +12,17 @@ declare class FuiBreadcrumbItemComponent {
|
|
|
11
12
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiBreadcrumbItemComponent, "fui-breadcrumb-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
|
|
12
13
|
}
|
|
13
14
|
|
|
15
|
+
declare class FuiBreadcrumbIntl extends FuiIntlBase {
|
|
16
|
+
rootAriaLabel: string;
|
|
17
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiBreadcrumbIntl, never>;
|
|
18
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<FuiBreadcrumbIntl>;
|
|
19
|
+
}
|
|
20
|
+
|
|
14
21
|
declare class FuiBreadcrumbComponent {
|
|
22
|
+
readonly intl: FuiBreadcrumbIntl;
|
|
23
|
+
private readonly _cdr;
|
|
15
24
|
readonly separator: _angular_core.InputSignal<string>;
|
|
16
|
-
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
25
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
17
26
|
readonly items: _angular_core.Signal<readonly FuiBreadcrumbItemComponent[]>;
|
|
18
27
|
constructor();
|
|
19
28
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiBreadcrumbComponent, never>;
|
|
@@ -22,5 +31,5 @@ declare class FuiBreadcrumbComponent {
|
|
|
22
31
|
|
|
23
32
|
declare const FUI_BREADCRUMB: InjectionToken<unknown>;
|
|
24
33
|
|
|
25
|
-
export { FUI_BREADCRUMB, FuiBreadcrumbComponent, FuiBreadcrumbItemComponent };
|
|
34
|
+
export { FUI_BREADCRUMB, FuiBreadcrumbComponent, FuiBreadcrumbIntl, FuiBreadcrumbItemComponent };
|
|
26
35
|
//# sourceMappingURL=raintonic-formaui-components-breadcrumb.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"raintonic-formaui-components-breadcrumb.d.ts","sources":["../../../lib/components/breadcrumb/breadcrumb-item.component.ts","../../../lib/components/breadcrumb/breadcrumb.component.ts","../../../lib/components/breadcrumb/breadcrumb.types.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-components-breadcrumb.d.ts","sources":["../../../lib/components/breadcrumb/breadcrumb-item.component.ts","../../../lib/components/breadcrumb/breadcrumb.intl.ts","../../../lib/components/breadcrumb/breadcrumb.component.ts","../../../lib/components/breadcrumb/breadcrumb.types.ts"],"mappings":";;;;AAWA,cAea,0BAA0B;yBAClB,aAAA,CAAA,WAAA;uBACF,aAAA,CAAA,wBAAA;qBAGF,aAAA,CAAA,cAAA;yBACI,aAAA,CAAA,cAAA;qBAEJ,aAAA,CAAA,MAAA;oDARJ,0BAA0B;sDAA1B,0BAA0B;AAStC;;AChCD,cACa,iBAAkB,SAAQ,WAAW;AAChD;oDADW,iBAAiB;wDAAjB,iBAAiB;AAE7B;;ACAD,cAaa,sBAAsB;mBACpB,iBAAA;AACb;wBAEkB,aAAA,CAAA,WAAA;wBACA,aAAA,CAAA,WAAA;oBAEJ,aAAA,CAAA,MAAA,UAAA,0BAAA;;oDAPH,sBAAsB;sDAAtB,sBAAsB;AAsBlC;;ACvCD,cAAa,cAAc,EAAA,cAAA;;;;","names":[]}
|
|
@@ -18,9 +18,9 @@ import { AfterContentInit } from '@angular/core';
|
|
|
18
18
|
* ### Basic Button Group
|
|
19
19
|
* ```html
|
|
20
20
|
* <fui-button-group>
|
|
21
|
-
* <button fuiButton variant="
|
|
22
|
-
* <button fuiButton variant="
|
|
23
|
-
* <button fuiButton variant="
|
|
21
|
+
* <button fuiButton variant="secondary">Left</button>
|
|
22
|
+
* <button fuiButton variant="secondary">Center</button>
|
|
23
|
+
* <button fuiButton variant="secondary">Right</button>
|
|
24
24
|
* </fui-button-group>
|
|
25
25
|
* ```
|
|
26
26
|
*
|
|
@@ -34,9 +34,9 @@ import { AfterContentInit } from '@angular/core';
|
|
|
34
34
|
* imports: [FuiButtonGroupComponent, FuiButtonDirective],
|
|
35
35
|
* template: `
|
|
36
36
|
* <fui-button-group>
|
|
37
|
-
* <button fuiButton variant="
|
|
38
|
-
* <button fuiButton variant="
|
|
39
|
-
* <button fuiButton variant="
|
|
37
|
+
* <button fuiButton variant="secondary">Option 1</button>
|
|
38
|
+
* <button fuiButton variant="secondary">Option 2</button>
|
|
39
|
+
* <button fuiButton variant="secondary">Option 3</button>
|
|
40
40
|
* </fui-button-group>
|
|
41
41
|
* `
|
|
42
42
|
* })
|
|
@@ -4,12 +4,12 @@ import { AfterViewInit, Signal } from '@angular/core';
|
|
|
4
4
|
/**
|
|
5
5
|
* Available button variants following Carbon Design System patterns
|
|
6
6
|
*/
|
|
7
|
-
type ButtonVariant = 'primary' | 'secondary' | '
|
|
7
|
+
type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'tertiary-violet' | 'link' | 'destructive';
|
|
8
8
|
/**
|
|
9
9
|
* Available button sizes
|
|
10
10
|
*/
|
|
11
11
|
type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
12
|
-
declare const FUI_BUTTON_VARIANTS: readonly ["primary", "secondary", "
|
|
12
|
+
declare const FUI_BUTTON_VARIANTS: readonly ["primary", "secondary", "tertiary", "tertiary-violet", "link", "destructive"];
|
|
13
13
|
declare const FUI_BUTTON_SIZES: readonly ["sm", "md", "lg", "xl", "2xl"];
|
|
14
14
|
type ButtonType = 'button' | 'submit' | 'reset';
|
|
15
15
|
/**
|
|
@@ -19,8 +19,8 @@ type ButtonType = 'button' | 'submit' | 'reset';
|
|
|
19
19
|
* Follows Carbon Design System patterns with full accessibility support.
|
|
20
20
|
*
|
|
21
21
|
* ## Features
|
|
22
|
-
* - Multiple variants: primary, secondary,
|
|
23
|
-
* -
|
|
22
|
+
* - Multiple variants: primary, secondary, tertiary, tertiary-violet, link, destructive
|
|
23
|
+
* - Five sizes: sm, md, lg, xl, 2xl
|
|
24
24
|
* - Full accessibility support (ARIA attributes, keyboard navigation)
|
|
25
25
|
* - Loading and disabled states
|
|
26
26
|
* - Icon support with proper spacing
|
|
@@ -30,7 +30,7 @@ type ButtonType = 'button' | 'submit' | 'reset';
|
|
|
30
30
|
*
|
|
31
31
|
* ### Link Button
|
|
32
32
|
* ```html
|
|
33
|
-
* <a fuiButton href="/dashboard" variant="
|
|
33
|
+
* <a fuiButton href="/dashboard" variant="tertiary">Go to Dashboard</a>
|
|
34
34
|
* ```
|
|
35
35
|
*
|
|
36
36
|
* @example
|
|
@@ -97,6 +97,7 @@ declare class FuiButtonDirective implements AfterViewInit {
|
|
|
97
97
|
readonly computedClasses: Signal<string>;
|
|
98
98
|
private readonly _elementRef;
|
|
99
99
|
private readonly _renderer;
|
|
100
|
+
private _leadingSlot;
|
|
100
101
|
get isButton(): boolean;
|
|
101
102
|
get isAnchor(): boolean;
|
|
102
103
|
constructor();
|
|
@@ -104,8 +105,9 @@ declare class FuiButtonDirective implements AfterViewInit {
|
|
|
104
105
|
onClick(event: Event): void;
|
|
105
106
|
onKeydown(event: Event): void;
|
|
106
107
|
onKeyup(event: Event): void;
|
|
107
|
-
private
|
|
108
|
-
private
|
|
108
|
+
private _fillLeadingSlot;
|
|
109
|
+
private _clearLeadingSlot;
|
|
110
|
+
private _spawnRipple;
|
|
109
111
|
private _syncAnchorHrefDisabledState;
|
|
110
112
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiButtonDirective, never>;
|
|
111
113
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FuiButtonDirective, "button[fuiButton], a[fuiButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"raintonic-formaui-components-button.d.ts","sources":["../../../lib/components/button/button.directive.ts"],"mappings":";;;AAcA;;AAEG;
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-components-button.d.ts","sources":["../../../lib/components/button/button.directive.ts"],"mappings":";;;AAcA;;AAEG;AACG,KAAM,aAAa;AAQzB;;AAEG;AACG,KAAM,UAAU;AAEtB,cAAa,mBAAmB;AAQhC,cAAa,gBAAgB;AAEvB,KAAM,UAAU;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCG;AACH,cAmBa,kBAAmB,YAAW,aAAa;AACtD;;;AAGG;sBACa,aAAA,CAAA,wBAAA,CAAA,aAAA;AAIhB;;;AAGG;mBACU,aAAA,CAAA,wBAAA,CAAA,UAAA;AAIb;;;AAGG;uBACc,aAAA,CAAA,wBAAA;AAEjB;;;AAGG;wBACe,aAAA,CAAA,wBAAA;AAElB;;;AAGG;sBACa,aAAA,CAAA,wBAAA;AAEhB;;;AAGG;uBACc,aAAA,CAAA,wBAAA;AAEjB;;;AAGG;wBACe,aAAA,CAAA,WAAA;AAElB;;;AAGG;mBACU,aAAA,CAAA,WAAA,CAAA,UAAA;AAGb,8BAA0B,MAAM;AAsBhC;AACA;;;;;AA+BA;AAeA,mBAAe,KAAK;AAUpB,qBAAiB,KAAK;AAoBtB,mBAAe,KAAK;AASpB;AAgBA;AAQA;AAyBA;oDAnNW,kBAAkB;sDAAlB,kBAAkB;AAkO9B;;;;","names":[]}
|
|
@@ -9,7 +9,7 @@ import { InputSignal, AfterContentInit, WritableSignal, Signal } from '@angular/
|
|
|
9
9
|
* ## Usage
|
|
10
10
|
* ```html
|
|
11
11
|
* <fui-card-header title="Card Title" subtitle="Optional subtitle">
|
|
12
|
-
* <button fuiButton variant="
|
|
12
|
+
* <button fuiButton variant="tertiary">
|
|
13
13
|
* <fui-icon name="dots-three"></fui-icon>
|
|
14
14
|
* </button>
|
|
15
15
|
* </fui-card-header>
|
|
@@ -48,7 +48,7 @@ declare class FuiCardHeaderComponent {
|
|
|
48
48
|
* ### Paddingless Actions
|
|
49
49
|
* ```html
|
|
50
50
|
* <fui-card-actions align="start" paddingless="true">
|
|
51
|
-
* <button fuiButton variant="
|
|
51
|
+
* <button fuiButton variant="tertiary">
|
|
52
52
|
* <fui-icon name="heart"></fui-icon>
|
|
53
53
|
* </button>
|
|
54
54
|
* </fui-card-actions>
|
|
@@ -105,7 +105,7 @@ type FuiCardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
|
105
105
|
* ```html
|
|
106
106
|
* <fui-card variant="outlined">
|
|
107
107
|
* <fui-card-header title="Card Title" subtitle="Optional subtitle">
|
|
108
|
-
* <button fuiButton variant="
|
|
108
|
+
* <button fuiButton variant="tertiary" size="sm" [iconOnly]="true">
|
|
109
109
|
* <fui-icon name="overflow-menu-vertical"></fui-icon>
|
|
110
110
|
* </button>
|
|
111
111
|
* </fui-card-header>
|
|
@@ -113,7 +113,7 @@ type FuiCardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
|
113
113
|
* <p>Main card content</p>
|
|
114
114
|
*
|
|
115
115
|
* <fui-card-actions align="end">
|
|
116
|
-
* <button fuiButton variant="secondary"
|
|
116
|
+
* <button fuiButton variant="secondary">Cancel</button>
|
|
117
117
|
* <button fuiButton variant="primary">Save</button>
|
|
118
118
|
* </fui-card-actions>
|
|
119
119
|
* </fui-card>
|
|
@@ -124,7 +124,7 @@ declare class FuiCheckboxComponent implements ControlValueAccessor, DoCheck, OnD
|
|
|
124
124
|
/** Sets the indeterminate state programmatically. */
|
|
125
125
|
setIndeterminate(value: boolean): void;
|
|
126
126
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiCheckboxComponent, never>;
|
|
127
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiCheckboxComponent, "fui-checkbox", never, { "readonlyInput": { "alias": "readonly"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminateInput": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "requiredInput": { "alias": "required"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*"
|
|
127
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiCheckboxComponent, "fui-checkbox", never, { "readonlyInput": { "alias": "readonly"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminateInput": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "requiredInput": { "alias": "required"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*"], true, never>;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
export { FuiCheckboxComponent };
|