@raintonic/formaui 0.2.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 +7 -0
- package/README.md +145 -0
- package/fesm2022/raintonic-formaui-cdk-drag-drop.mjs +806 -0
- package/fesm2022/raintonic-formaui-cdk-drag-drop.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-cdk-form-field.mjs +86 -0
- package/fesm2022/raintonic-formaui-cdk-form-field.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-cdk-overlay.mjs +1757 -0
- package/fesm2022/raintonic-formaui-cdk-overlay.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-cdk-virtual-scroll.mjs +287 -0
- package/fesm2022/raintonic-formaui-cdk-virtual-scroll.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-accordion.mjs +217 -0
- package/fesm2022/raintonic-formaui-components-accordion.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-alert.mjs +161 -0
- package/fesm2022/raintonic-formaui-components-alert.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-autocomplete.mjs +726 -0
- package/fesm2022/raintonic-formaui-components-autocomplete.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-avatar.mjs +92 -0
- package/fesm2022/raintonic-formaui-components-avatar.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-badge.mjs +107 -0
- package/fesm2022/raintonic-formaui-components-badge.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-big-menu.mjs +68 -0
- package/fesm2022/raintonic-formaui-components-big-menu.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-breadcrumb.mjs +55 -0
- package/fesm2022/raintonic-formaui-components-breadcrumb.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-button-group.mjs +103 -0
- package/fesm2022/raintonic-formaui-components-button-group.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-button.mjs +241 -0
- package/fesm2022/raintonic-formaui-components-button.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-card.mjs +270 -0
- package/fesm2022/raintonic-formaui-components-card.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-checkbox.mjs +295 -0
- package/fesm2022/raintonic-formaui-components-checkbox.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-data-table.mjs +631 -0
- package/fesm2022/raintonic-formaui-components-data-table.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-date-picker.mjs +1331 -0
- package/fesm2022/raintonic-formaui-components-date-picker.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-divider.mjs +41 -0
- package/fesm2022/raintonic-formaui-components-divider.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-drawer.mjs +190 -0
- package/fesm2022/raintonic-formaui-components-drawer.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-dynamic-form.mjs +266 -0
- package/fesm2022/raintonic-formaui-components-dynamic-form.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-empty-state.mjs +33 -0
- package/fesm2022/raintonic-formaui-components-empty-state.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-file-upload.mjs +246 -0
- package/fesm2022/raintonic-formaui-components-file-upload.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-form-field.mjs +482 -0
- package/fesm2022/raintonic-formaui-components-form-field.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-icon.mjs +117 -0
- package/fesm2022/raintonic-formaui-components-icon.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-input.mjs +327 -0
- package/fesm2022/raintonic-formaui-components-input.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-list.mjs +149 -0
- package/fesm2022/raintonic-formaui-components-list.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-menu.mjs +896 -0
- package/fesm2022/raintonic-formaui-components-menu.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-number-input.mjs +345 -0
- package/fesm2022/raintonic-formaui-components-number-input.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-paginator.mjs +139 -0
- package/fesm2022/raintonic-formaui-components-paginator.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-password-input.mjs +306 -0
- package/fesm2022/raintonic-formaui-components-password-input.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-popover.mjs +451 -0
- package/fesm2022/raintonic-formaui-components-popover.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-progressbar.mjs +148 -0
- package/fesm2022/raintonic-formaui-components-progressbar.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-radio.mjs +260 -0
- package/fesm2022/raintonic-formaui-components-radio.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-select.mjs +1011 -0
- package/fesm2022/raintonic-formaui-components-select.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-side-panel.mjs +150 -0
- package/fesm2022/raintonic-formaui-components-side-panel.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-sidebar.mjs +257 -0
- package/fesm2022/raintonic-formaui-components-sidebar.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-skeleton.mjs +50 -0
- package/fesm2022/raintonic-formaui-components-skeleton.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-slider.mjs +347 -0
- package/fesm2022/raintonic-formaui-components-slider.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-spinner.mjs +63 -0
- package/fesm2022/raintonic-formaui-components-spinner.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-stepper.mjs +317 -0
- package/fesm2022/raintonic-formaui-components-stepper.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-tab.mjs +197 -0
- package/fesm2022/raintonic-formaui-components-tab.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-tag.mjs +78 -0
- package/fesm2022/raintonic-formaui-components-tag.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-time-picker.mjs +644 -0
- package/fesm2022/raintonic-formaui-components-time-picker.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-toggle.mjs +171 -0
- package/fesm2022/raintonic-formaui-components-toggle.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-toolbar.mjs +140 -0
- package/fesm2022/raintonic-formaui-components-toolbar.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-tooltip.mjs +555 -0
- package/fesm2022/raintonic-formaui-components-tooltip.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-tree-select.mjs +314 -0
- package/fesm2022/raintonic-formaui-components-tree-select.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-tree-table.mjs +103 -0
- package/fesm2022/raintonic-formaui-components-tree-table.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-components-tree.mjs +430 -0
- package/fesm2022/raintonic-formaui-components-tree.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-core.mjs +62 -0
- package/fesm2022/raintonic-formaui-core.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-services-dialog.mjs +798 -0
- package/fesm2022/raintonic-formaui-services-dialog.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-services-notification.mjs +391 -0
- package/fesm2022/raintonic-formaui-services-notification.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-services-theme.mjs +248 -0
- package/fesm2022/raintonic-formaui-services-theme.mjs.map +1 -0
- package/fesm2022/raintonic-formaui-test-utils.mjs +66 -0
- package/fesm2022/raintonic-formaui-test-utils.mjs.map +1 -0
- package/fesm2022/raintonic-formaui.mjs +15 -0
- package/fesm2022/raintonic-formaui.mjs.map +1 -0
- package/llms-full.txt +1627 -0
- package/llms.txt +60 -0
- package/package.json +251 -0
- package/styles/_fonts-entry.scss +3 -0
- package/styles/fonts/dm-mono-400-latin.woff2 +0 -0
- package/styles/fonts/inter-tight-latin-italic.woff2 +0 -0
- package/styles/fonts/inter-tight-latin.woff2 +0 -0
- package/styles/index.scss +127 -0
- package/styles/partials/_constants.scss +29 -0
- package/styles/partials/_fonts.scss +36 -0
- package/styles/partials/_grid.scss +171 -0
- package/styles/partials/_mixins.scss +145 -0
- package/styles/partials/_motion.scss +252 -0
- package/styles/partials/_theme.scss +275 -0
- package/styles/partials/_typography.scss +112 -0
- package/styles/partials/_utilities.scss +480 -0
- package/styles/partials/themes/_dark.scss +254 -0
- package/styles/partials/themes/_light.scss +254 -0
- package/types/raintonic-formaui-cdk-drag-drop.d.ts +196 -0
- package/types/raintonic-formaui-cdk-drag-drop.d.ts.map +1 -0
- package/types/raintonic-formaui-cdk-form-field.d.ts +62 -0
- package/types/raintonic-formaui-cdk-form-field.d.ts.map +1 -0
- package/types/raintonic-formaui-cdk-overlay.d.ts +843 -0
- package/types/raintonic-formaui-cdk-overlay.d.ts.map +1 -0
- package/types/raintonic-formaui-cdk-virtual-scroll.d.ts +112 -0
- package/types/raintonic-formaui-cdk-virtual-scroll.d.ts.map +1 -0
- package/types/raintonic-formaui-components-accordion.d.ts +124 -0
- package/types/raintonic-formaui-components-accordion.d.ts.map +1 -0
- package/types/raintonic-formaui-components-alert.d.ts +143 -0
- package/types/raintonic-formaui-components-alert.d.ts.map +1 -0
- package/types/raintonic-formaui-components-autocomplete.d.ts +193 -0
- package/types/raintonic-formaui-components-autocomplete.d.ts.map +1 -0
- package/types/raintonic-formaui-components-avatar.d.ts +52 -0
- package/types/raintonic-formaui-components-avatar.d.ts.map +1 -0
- package/types/raintonic-formaui-components-badge.d.ts +47 -0
- package/types/raintonic-formaui-components-badge.d.ts.map +1 -0
- package/types/raintonic-formaui-components-big-menu.d.ts +62 -0
- package/types/raintonic-formaui-components-big-menu.d.ts.map +1 -0
- package/types/raintonic-formaui-components-breadcrumb.d.ts +26 -0
- package/types/raintonic-formaui-components-breadcrumb.d.ts.map +1 -0
- package/types/raintonic-formaui-components-button-group.d.ts +61 -0
- package/types/raintonic-formaui-components-button-group.d.ts.map +1 -0
- package/types/raintonic-formaui-components-button.d.ts +116 -0
- package/types/raintonic-formaui-components-button.d.ts.map +1 -0
- package/types/raintonic-formaui-components-card.d.ts +191 -0
- package/types/raintonic-formaui-components-card.d.ts.map +1 -0
- package/types/raintonic-formaui-components-checkbox.d.ts +132 -0
- package/types/raintonic-formaui-components-checkbox.d.ts.map +1 -0
- package/types/raintonic-formaui-components-data-table.d.ts +368 -0
- package/types/raintonic-formaui-components-data-table.d.ts.map +1 -0
- package/types/raintonic-formaui-components-date-picker.d.ts +341 -0
- package/types/raintonic-formaui-components-date-picker.d.ts.map +1 -0
- package/types/raintonic-formaui-components-divider.d.ts +21 -0
- package/types/raintonic-formaui-components-divider.d.ts.map +1 -0
- package/types/raintonic-formaui-components-drawer.d.ts +48 -0
- package/types/raintonic-formaui-components-drawer.d.ts.map +1 -0
- package/types/raintonic-formaui-components-dynamic-form.d.ts +412 -0
- package/types/raintonic-formaui-components-dynamic-form.d.ts.map +1 -0
- package/types/raintonic-formaui-components-empty-state.d.ts +14 -0
- package/types/raintonic-formaui-components-empty-state.d.ts.map +1 -0
- package/types/raintonic-formaui-components-file-upload.d.ts +77 -0
- package/types/raintonic-formaui-components-file-upload.d.ts.map +1 -0
- package/types/raintonic-formaui-components-form-field.d.ts +271 -0
- package/types/raintonic-formaui-components-form-field.d.ts.map +1 -0
- package/types/raintonic-formaui-components-icon.d.ts +61 -0
- package/types/raintonic-formaui-components-icon.d.ts.map +1 -0
- package/types/raintonic-formaui-components-input.d.ts +149 -0
- package/types/raintonic-formaui-components-input.d.ts.map +1 -0
- package/types/raintonic-formaui-components-list.d.ts +48 -0
- package/types/raintonic-formaui-components-list.d.ts.map +1 -0
- package/types/raintonic-formaui-components-menu.d.ts +403 -0
- package/types/raintonic-formaui-components-menu.d.ts.map +1 -0
- package/types/raintonic-formaui-components-number-input.d.ts +127 -0
- package/types/raintonic-formaui-components-number-input.d.ts.map +1 -0
- package/types/raintonic-formaui-components-paginator.d.ts +37 -0
- package/types/raintonic-formaui-components-paginator.d.ts.map +1 -0
- package/types/raintonic-formaui-components-password-input.d.ts +111 -0
- package/types/raintonic-formaui-components-password-input.d.ts.map +1 -0
- package/types/raintonic-formaui-components-popover.d.ts +131 -0
- package/types/raintonic-formaui-components-popover.d.ts.map +1 -0
- package/types/raintonic-formaui-components-progressbar.d.ts +111 -0
- package/types/raintonic-formaui-components-progressbar.d.ts.map +1 -0
- package/types/raintonic-formaui-components-radio.d.ts +95 -0
- package/types/raintonic-formaui-components-radio.d.ts.map +1 -0
- package/types/raintonic-formaui-components-select.d.ts +307 -0
- package/types/raintonic-formaui-components-select.d.ts.map +1 -0
- package/types/raintonic-formaui-components-side-panel.d.ts +51 -0
- package/types/raintonic-formaui-components-side-panel.d.ts.map +1 -0
- package/types/raintonic-formaui-components-sidebar.d.ts +174 -0
- package/types/raintonic-formaui-components-sidebar.d.ts.map +1 -0
- package/types/raintonic-formaui-components-skeleton.d.ts +20 -0
- package/types/raintonic-formaui-components-skeleton.d.ts.map +1 -0
- package/types/raintonic-formaui-components-slider.d.ts +108 -0
- package/types/raintonic-formaui-components-slider.d.ts.map +1 -0
- package/types/raintonic-formaui-components-spinner.d.ts +42 -0
- package/types/raintonic-formaui-components-spinner.d.ts.map +1 -0
- package/types/raintonic-formaui-components-stepper.d.ts +126 -0
- package/types/raintonic-formaui-components-stepper.d.ts.map +1 -0
- package/types/raintonic-formaui-components-tab.d.ts +96 -0
- package/types/raintonic-formaui-components-tab.d.ts.map +1 -0
- package/types/raintonic-formaui-components-tag.d.ts +34 -0
- package/types/raintonic-formaui-components-tag.d.ts.map +1 -0
- package/types/raintonic-formaui-components-time-picker.d.ts +172 -0
- package/types/raintonic-formaui-components-time-picker.d.ts.map +1 -0
- package/types/raintonic-formaui-components-toggle.d.ts +70 -0
- package/types/raintonic-formaui-components-toggle.d.ts.map +1 -0
- package/types/raintonic-formaui-components-toolbar.d.ts +128 -0
- package/types/raintonic-formaui-components-toolbar.d.ts.map +1 -0
- package/types/raintonic-formaui-components-tooltip.d.ts +268 -0
- package/types/raintonic-formaui-components-tooltip.d.ts.map +1 -0
- package/types/raintonic-formaui-components-tree-select.d.ts +80 -0
- package/types/raintonic-formaui-components-tree-select.d.ts.map +1 -0
- package/types/raintonic-formaui-components-tree-table.d.ts +90 -0
- package/types/raintonic-formaui-components-tree-table.d.ts.map +1 -0
- package/types/raintonic-formaui-components-tree.d.ts +104 -0
- package/types/raintonic-formaui-components-tree.d.ts.map +1 -0
- package/types/raintonic-formaui-core.d.ts +115 -0
- package/types/raintonic-formaui-core.d.ts.map +1 -0
- package/types/raintonic-formaui-services-dialog.d.ts +451 -0
- package/types/raintonic-formaui-services-dialog.d.ts.map +1 -0
- package/types/raintonic-formaui-services-notification.d.ts +221 -0
- package/types/raintonic-formaui-services-notification.d.ts.map +1 -0
- package/types/raintonic-formaui-services-theme.d.ts +126 -0
- package/types/raintonic-formaui-services-theme.d.ts.map +1 -0
- package/types/raintonic-formaui-test-utils.d.ts +24 -0
- package/types/raintonic-formaui-test-utils.d.ts.map +1 -0
- package/types/raintonic-formaui.d.ts +4 -0
- package/types/raintonic-formaui.d.ts.map +1 -0
|
@@ -0,0 +1,254 @@
|
|
|
1
|
+
// Light theme color tokens
|
|
2
|
+
@use '../constants' as *;
|
|
3
|
+
|
|
4
|
+
@mixin fui-light-theme {
|
|
5
|
+
// Primary violet colors (Figma: Violet palette)
|
|
6
|
+
--fui-primary-10: #fdfaff;
|
|
7
|
+
--fui-primary-20: #f9f5ff;
|
|
8
|
+
--fui-primary-30: #f1ebff;
|
|
9
|
+
--fui-primary-40: #e4d4ff;
|
|
10
|
+
--fui-primary-50: #7c4be0;
|
|
11
|
+
--fui-primary-60: #6833c8;
|
|
12
|
+
--fui-primary-70: #5522af;
|
|
13
|
+
--fui-primary-80: #421a8c;
|
|
14
|
+
--fui-primary-90: #2e1266;
|
|
15
|
+
--fui-primary-100: #1a0b3d;
|
|
16
|
+
--fui-primary-110: #120923;
|
|
17
|
+
--fui-primary: var(--fui-primary-50);
|
|
18
|
+
--fui-primary-rgb: 124, 75, 224;
|
|
19
|
+
--fui-primary-text-color: white;
|
|
20
|
+
--fui-primary-text: white;
|
|
21
|
+
|
|
22
|
+
// Secondary slate colors (Figma: Slate palette)
|
|
23
|
+
--fui-secondary-10: #fbfcfe;
|
|
24
|
+
--fui-secondary-20: #f8f9fd;
|
|
25
|
+
--fui-secondary-30: #eeeff5;
|
|
26
|
+
--fui-secondary-40: #e6e7ed;
|
|
27
|
+
--fui-secondary-50: #dfe0e6;
|
|
28
|
+
--fui-secondary-60: #d7d8de;
|
|
29
|
+
--fui-secondary-70: #ccced3;
|
|
30
|
+
--fui-secondary-80: #b9bbc0;
|
|
31
|
+
--fui-secondary-90: #8c8d92;
|
|
32
|
+
--fui-secondary-100: #818288;
|
|
33
|
+
--fui-secondary-110: #636469;
|
|
34
|
+
--fui-secondary-120: #1f2024;
|
|
35
|
+
--fui-secondary: var(--fui-secondary-60);
|
|
36
|
+
|
|
37
|
+
// Danger color palette (Figma: Red-Danger — unchanged)
|
|
38
|
+
--fui-danger-10: #fffcfc;
|
|
39
|
+
--fui-danger-20: #fff7f7;
|
|
40
|
+
--fui-danger-30: #feebec;
|
|
41
|
+
--fui-danger-40: #ffdbdc;
|
|
42
|
+
--fui-danger-50: #ffcdce;
|
|
43
|
+
--fui-danger-60: #fdbdbe;
|
|
44
|
+
--fui-danger-70: #f4a9aa;
|
|
45
|
+
--fui-danger-80: #eb8e90;
|
|
46
|
+
--fui-danger-90: #e5484d;
|
|
47
|
+
--fui-danger-100: #ce2c31;
|
|
48
|
+
--fui-danger-110: #821e2e;
|
|
49
|
+
--fui-danger: var(--fui-danger-60);
|
|
50
|
+
|
|
51
|
+
// Success color palette (Figma: Green-success — unchanged)
|
|
52
|
+
--fui-success-10: #fbfefd;
|
|
53
|
+
--fui-success-20: #f4fbf7;
|
|
54
|
+
--fui-success-30: #e6f7ed;
|
|
55
|
+
--fui-success-40: #d6f1e3;
|
|
56
|
+
--fui-success-50: #c3e9d7;
|
|
57
|
+
--fui-success-60: #acdec8;
|
|
58
|
+
--fui-success-70: #8bceb6;
|
|
59
|
+
--fui-success-80: #56ba9f;
|
|
60
|
+
--fui-success-90: #29a383;
|
|
61
|
+
--fui-success-100: #208368;
|
|
62
|
+
--fui-success-110: #1d3b31;
|
|
63
|
+
--fui-success: var(--fui-success-60);
|
|
64
|
+
|
|
65
|
+
// Warning color palette (Figma: Yellow-warning — unchanged)
|
|
66
|
+
--fui-warning-10: #fefdfb;
|
|
67
|
+
--fui-warning-20: #fefbe9;
|
|
68
|
+
--fui-warning-30: #fff7c2;
|
|
69
|
+
--fui-warning-40: #ffee9c;
|
|
70
|
+
--fui-warning-50: #fbe577;
|
|
71
|
+
--fui-warning-60: #f3d673;
|
|
72
|
+
--fui-warning-70: #e9c162;
|
|
73
|
+
--fui-warning-80: #ffc53d;
|
|
74
|
+
--fui-warning-90: #e2a336;
|
|
75
|
+
--fui-warning-100: #ab6400;
|
|
76
|
+
--fui-warning-110: #4f3422;
|
|
77
|
+
--fui-warning: var(--fui-warning-60);
|
|
78
|
+
|
|
79
|
+
// Info color palette (Figma: Blue-info — unchanged)
|
|
80
|
+
--fui-info-10: #fbfdff;
|
|
81
|
+
--fui-info-20: #f4faff;
|
|
82
|
+
--fui-info-30: #e6f4fe;
|
|
83
|
+
--fui-info-40: #d5efff;
|
|
84
|
+
--fui-info-50: #c2e5ff;
|
|
85
|
+
--fui-info-60: #acd8fc;
|
|
86
|
+
--fui-info-70: #8ec8f6;
|
|
87
|
+
--fui-info-80: #5eb1ef;
|
|
88
|
+
--fui-info-90: #0090ff;
|
|
89
|
+
--fui-info-100: #0d74ce;
|
|
90
|
+
--fui-info-110: #113264;
|
|
91
|
+
--fui-info: var(--fui-info-60);
|
|
92
|
+
|
|
93
|
+
// Pink color palette (NEW — Figma: Pink)
|
|
94
|
+
--fui-pink-10: #fffcfe;
|
|
95
|
+
--fui-pink-20: #fef7fb;
|
|
96
|
+
--fui-pink-30: #fee9f5;
|
|
97
|
+
--fui-pink-40: #fbdcef;
|
|
98
|
+
--fui-pink-50: #f6cee7;
|
|
99
|
+
--fui-pink-60: #efbfdd;
|
|
100
|
+
--fui-pink-70: #e7acd0;
|
|
101
|
+
--fui-pink-80: #dd93c2;
|
|
102
|
+
--fui-pink-90: #d6409f;
|
|
103
|
+
--fui-pink-100: #c2298a;
|
|
104
|
+
--fui-pink-110: #651249;
|
|
105
|
+
|
|
106
|
+
// Orange color palette (NEW — Figma: Orange)
|
|
107
|
+
--fui-orange-10: #fefcfb;
|
|
108
|
+
--fui-orange-20: #fff7ed;
|
|
109
|
+
--fui-orange-30: #ffefd6;
|
|
110
|
+
--fui-orange-40: #ffdfb5;
|
|
111
|
+
--fui-orange-50: #ffd19a;
|
|
112
|
+
--fui-orange-60: #ffc182;
|
|
113
|
+
--fui-orange-70: #f5ae73;
|
|
114
|
+
--fui-orange-80: #ec9455;
|
|
115
|
+
--fui-orange-90: #f76b15;
|
|
116
|
+
--fui-orange-100: #cc4e00;
|
|
117
|
+
--fui-orange-110: #582d1d;
|
|
118
|
+
|
|
119
|
+
// Tomato color palette (NEW — Figma: Tomato)
|
|
120
|
+
--fui-tomato-10: #fffcfc;
|
|
121
|
+
--fui-tomato-20: #fff8f7;
|
|
122
|
+
--fui-tomato-30: #feebe7;
|
|
123
|
+
--fui-tomato-40: #ffdcd3;
|
|
124
|
+
--fui-tomato-50: #ffcdc2;
|
|
125
|
+
--fui-tomato-60: #fdbdaf;
|
|
126
|
+
--fui-tomato-70: #f5a898;
|
|
127
|
+
--fui-tomato-80: #ec8e7b;
|
|
128
|
+
--fui-tomato-90: #e54d2e;
|
|
129
|
+
--fui-tomato-100: #dd4425;
|
|
130
|
+
--fui-tomato-110: #d13415;
|
|
131
|
+
--fui-tomato-120: #5c271f;
|
|
132
|
+
|
|
133
|
+
// Base colors
|
|
134
|
+
--fui-white: #ffffff;
|
|
135
|
+
--fui-black: #000000;
|
|
136
|
+
|
|
137
|
+
// Black opacity variants
|
|
138
|
+
--fui-black-5: rgba(0, 0, 0, 0.05);
|
|
139
|
+
--fui-black-10: rgba(0, 0, 0, 0.1);
|
|
140
|
+
--fui-black-15: rgba(0, 0, 0, 0.15);
|
|
141
|
+
--fui-black-20: rgba(0, 0, 0, 0.2);
|
|
142
|
+
--fui-black-30: rgba(0, 0, 0, 0.3);
|
|
143
|
+
--fui-black-40: rgba(0, 0, 0, 0.4);
|
|
144
|
+
--fui-black-50: rgba(0, 0, 0, 0.5);
|
|
145
|
+
--fui-black-60: rgba(0, 0, 0, 0.6);
|
|
146
|
+
--fui-black-70: rgba(0, 0, 0, 0.7);
|
|
147
|
+
--fui-black-80: rgba(0, 0, 0, 0.8);
|
|
148
|
+
--fui-black-90: rgba(0, 0, 0, 0.9);
|
|
149
|
+
|
|
150
|
+
// White opacity variants
|
|
151
|
+
--fui-white-5: rgba(255, 255, 255, 0.05);
|
|
152
|
+
--fui-white-10: rgba(255, 255, 255, 0.1);
|
|
153
|
+
--fui-white-15: rgba(255, 255, 255, 0.15);
|
|
154
|
+
--fui-white-20: rgba(255, 255, 255, 0.2);
|
|
155
|
+
--fui-white-30: rgba(255, 255, 255, 0.3);
|
|
156
|
+
--fui-white-40: rgba(255, 255, 255, 0.4);
|
|
157
|
+
--fui-white-50: rgba(255, 255, 255, 0.5);
|
|
158
|
+
--fui-white-60: rgba(255, 255, 255, 0.6);
|
|
159
|
+
--fui-white-70: rgba(255, 255, 255, 0.7);
|
|
160
|
+
--fui-white-80: rgba(255, 255, 255, 0.8);
|
|
161
|
+
--fui-white-90: rgba(255, 255, 255, 0.9);
|
|
162
|
+
|
|
163
|
+
// Text disabled
|
|
164
|
+
--fui-text-disabled: var(--fui-secondary-100);
|
|
165
|
+
|
|
166
|
+
// Border color
|
|
167
|
+
--fui-border-color: var(--fui-secondary-50);
|
|
168
|
+
|
|
169
|
+
// Surface tokens (Figma: forma-surface)
|
|
170
|
+
--fui-surface-bg: var(--fui-secondary-20);
|
|
171
|
+
--fui-surface-card: var(--fui-white);
|
|
172
|
+
--fui-surface-01: var(--fui-secondary-10);
|
|
173
|
+
--fui-surface-02: var(--fui-secondary-20);
|
|
174
|
+
--fui-surface-03: var(--fui-secondary-30);
|
|
175
|
+
--fui-surface-04: var(--fui-secondary-40);
|
|
176
|
+
|
|
177
|
+
// Backward-compatible surface aliases
|
|
178
|
+
--fui-surface-00: var(--fui-surface-card);
|
|
179
|
+
--fui-bg: var(--fui-surface-bg);
|
|
180
|
+
--fui-surface-05: var(--fui-secondary-50);
|
|
181
|
+
|
|
182
|
+
// Text colors
|
|
183
|
+
--fui-text-primary: var(--fui-secondary-120);
|
|
184
|
+
--fui-text-secondary: var(--fui-secondary-110);
|
|
185
|
+
|
|
186
|
+
// Primary component states (Figma: forma-primary semantic)
|
|
187
|
+
--fui-primary-default: var(--fui-primary-50);
|
|
188
|
+
--fui-primary-disable: var(--fui-primary-40);
|
|
189
|
+
--fui-primary-bg: var(--fui-primary-20);
|
|
190
|
+
--fui-primary-hover: var(--fui-primary-60);
|
|
191
|
+
--fui-primary-highlights: var(--fui-primary-30);
|
|
192
|
+
|
|
193
|
+
// Secondary component states (Figma: forma-secondary semantic)
|
|
194
|
+
--fui-secondary-default: var(--fui-secondary-60);
|
|
195
|
+
--fui-secondary-hover: var(--fui-secondary-90);
|
|
196
|
+
--fui-secondary-disable: var(--fui-secondary-30);
|
|
197
|
+
--fui-secondary-bg: var(--fui-secondary-20);
|
|
198
|
+
--fui-secondary-highlights: var(--fui-secondary-20);
|
|
199
|
+
|
|
200
|
+
// State colors - Error (Figma: forma-state)
|
|
201
|
+
--fui-state-error: var(--fui-danger-90);
|
|
202
|
+
--fui-state-error-bg: var(--fui-danger-30);
|
|
203
|
+
--fui-state-error-hover: var(--fui-danger-110);
|
|
204
|
+
|
|
205
|
+
// State colors - Success
|
|
206
|
+
--fui-state-success: var(--fui-success-110);
|
|
207
|
+
--fui-state-success-bg: var(--fui-success-30);
|
|
208
|
+
--fui-state-success-hover: var(--fui-success-110);
|
|
209
|
+
|
|
210
|
+
// State colors - Warning
|
|
211
|
+
--fui-state-warning: var(--fui-warning-110);
|
|
212
|
+
--fui-state-warning-bg: var(--fui-warning-30);
|
|
213
|
+
--fui-state-warning-hover: var(--fui-warning-110);
|
|
214
|
+
|
|
215
|
+
// State colors - Info
|
|
216
|
+
--fui-state-info: var(--fui-info-110);
|
|
217
|
+
--fui-state-info-bg: var(--fui-info-30);
|
|
218
|
+
--fui-state-info-hover: var(--fui-info-110);
|
|
219
|
+
|
|
220
|
+
// Border - strong variant (for hover emphasis)
|
|
221
|
+
--fui-border-color-strong: var(--fui-secondary-70);
|
|
222
|
+
|
|
223
|
+
// Border - active variant (for focus/active states)
|
|
224
|
+
--fui-border-color-active: var(--fui-primary-default);
|
|
225
|
+
|
|
226
|
+
// Form field semantic colors
|
|
227
|
+
--fui-field-background: var(--fui-surface-00);
|
|
228
|
+
--fui-field-background-hover: var(--fui-surface-01);
|
|
229
|
+
--fui-field-background-disabled: var(--fui-surface-02);
|
|
230
|
+
--fui-field-border-focus: var(--fui-primary-50);
|
|
231
|
+
--fui-field-border-error: var(--fui-state-error);
|
|
232
|
+
|
|
233
|
+
// Icon semantic colors
|
|
234
|
+
--fui-icon-primary: var(--fui-text-primary);
|
|
235
|
+
--fui-icon-secondary: var(--fui-text-secondary);
|
|
236
|
+
--fui-icon-tertiary: var(--fui-secondary-90);
|
|
237
|
+
--fui-icon-on-color-disabled: var(--fui-text-disabled);
|
|
238
|
+
|
|
239
|
+
// Background semantic aliases
|
|
240
|
+
--fui-background-primary: var(--fui-surface-00);
|
|
241
|
+
--fui-background-hover: var(--fui-surface-02);
|
|
242
|
+
|
|
243
|
+
// Text semantic aliases
|
|
244
|
+
--fui-text-primary-disabled: var(--fui-text-disabled);
|
|
245
|
+
|
|
246
|
+
// Error shorthand
|
|
247
|
+
--fui-error: var(--fui-state-error);
|
|
248
|
+
|
|
249
|
+
// Card component tokens
|
|
250
|
+
--fui-card-padding: var(--fui-spacing-06);
|
|
251
|
+
--fui-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
252
|
+
--fui-card-shadow-hover: 0 3px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);
|
|
253
|
+
--fui-card-border-radius: var(--fui-border-radius-md);
|
|
254
|
+
}
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ElementRef, OnDestroy, TemplateRef, OnInit } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
interface FuiPoint {
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
}
|
|
8
|
+
type FuiDragAxis = 'x' | 'y' | 'free';
|
|
9
|
+
/**
|
|
10
|
+
* Interface representing a drag source. Used instead of FuiDragDirective
|
|
11
|
+
* in type positions to avoid circular imports.
|
|
12
|
+
*/
|
|
13
|
+
interface FuiDragSource {
|
|
14
|
+
readonly fuiDragData: () => any;
|
|
15
|
+
readonly element: ElementRef<HTMLElement>;
|
|
16
|
+
readonly _isDragging: {
|
|
17
|
+
(): boolean;
|
|
18
|
+
set(value: boolean): void;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Interface representing a drop zone. Used instead of FuiDropZoneDirective
|
|
23
|
+
* in type positions to avoid circular imports.
|
|
24
|
+
*/
|
|
25
|
+
interface FuiDropZoneRef {
|
|
26
|
+
readonly fuiDropZoneData: () => any;
|
|
27
|
+
readonly fuiDropZoneDisabled: () => boolean;
|
|
28
|
+
readonly fuiDropZonePredicate: () => ((drag: FuiDragSource) => boolean) | null;
|
|
29
|
+
readonly element: ElementRef<HTMLElement>;
|
|
30
|
+
readonly fuiDropped: {
|
|
31
|
+
emit(event: FuiDropEvent): void;
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Interface representing a sortable container. Used instead of FuiSortableDirective
|
|
36
|
+
* in type positions to avoid circular imports.
|
|
37
|
+
*/
|
|
38
|
+
interface FuiSortableRef {
|
|
39
|
+
readonly fuiSortableData: () => any[];
|
|
40
|
+
readonly element: ElementRef<HTMLElement>;
|
|
41
|
+
emitTransfer(item: any, previousContainer: FuiSortableRef, previousIndex: number, currentIndex: number): void;
|
|
42
|
+
}
|
|
43
|
+
interface FuiDragEvent<T = any> {
|
|
44
|
+
source: FuiDragSource;
|
|
45
|
+
data: T;
|
|
46
|
+
pointerPosition: FuiPoint;
|
|
47
|
+
distance: FuiPoint;
|
|
48
|
+
dropZone?: FuiDropZoneRef;
|
|
49
|
+
event: PointerEvent;
|
|
50
|
+
}
|
|
51
|
+
interface FuiDropEvent<T = any, D = any> {
|
|
52
|
+
source: FuiDragSource;
|
|
53
|
+
dragData: T;
|
|
54
|
+
dropZoneData: D;
|
|
55
|
+
dropZone: FuiDropZoneRef;
|
|
56
|
+
isPointerOverContainer: boolean;
|
|
57
|
+
}
|
|
58
|
+
interface FuiSortEvent<T = any> {
|
|
59
|
+
data: T[];
|
|
60
|
+
previousIndex: number;
|
|
61
|
+
currentIndex: number;
|
|
62
|
+
container: FuiSortableRef;
|
|
63
|
+
}
|
|
64
|
+
interface FuiTransferEvent<T = any> {
|
|
65
|
+
item: T;
|
|
66
|
+
previousContainer: FuiSortableRef;
|
|
67
|
+
container: FuiSortableRef;
|
|
68
|
+
previousIndex: number;
|
|
69
|
+
currentIndex: number;
|
|
70
|
+
}
|
|
71
|
+
interface FuiActiveDrag {
|
|
72
|
+
source: FuiDragSource;
|
|
73
|
+
previewElement: HTMLElement;
|
|
74
|
+
placeholderElement?: HTMLElement;
|
|
75
|
+
startPosition: FuiPoint;
|
|
76
|
+
currentPosition: FuiPoint;
|
|
77
|
+
data: any;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
declare class FuiDragDirective implements OnDestroy {
|
|
81
|
+
readonly fuiDragData: _angular_core.InputSignal<any>;
|
|
82
|
+
readonly fuiDragDisabled: _angular_core.InputSignal<boolean>;
|
|
83
|
+
readonly fuiDragLockAxis: _angular_core.InputSignal<FuiDragAxis>;
|
|
84
|
+
readonly fuiDragPreviewTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
|
|
85
|
+
readonly fuiDragPlaceholderTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
|
|
86
|
+
readonly fuiDragBoundary: _angular_core.InputSignal<string | ElementRef<any> | null>;
|
|
87
|
+
readonly fuiDragStarted: _angular_core.OutputEmitterRef<FuiDragEvent<any>>;
|
|
88
|
+
readonly fuiDragMoved: _angular_core.OutputEmitterRef<FuiDragEvent<any>>;
|
|
89
|
+
readonly fuiDragEnded: _angular_core.OutputEmitterRef<FuiDragEvent<any>>;
|
|
90
|
+
readonly fuiDragDropped: _angular_core.OutputEmitterRef<FuiDropEvent<any, any>>;
|
|
91
|
+
readonly element: ElementRef<any>;
|
|
92
|
+
readonly _isDragging: _angular_core.WritableSignal<boolean>;
|
|
93
|
+
private readonly _registry;
|
|
94
|
+
private readonly _renderer;
|
|
95
|
+
private readonly _document;
|
|
96
|
+
private readonly _ngZone;
|
|
97
|
+
private readonly _autoScroller;
|
|
98
|
+
private readonly _dragRef;
|
|
99
|
+
private _previewElement;
|
|
100
|
+
private _placeholderElement;
|
|
101
|
+
private _pointerMoveHandler;
|
|
102
|
+
private _pointerUpHandler;
|
|
103
|
+
private _boundaryRect;
|
|
104
|
+
private _keyboardDragging;
|
|
105
|
+
private _keyboardPosition;
|
|
106
|
+
private readonly KEYBOARD_STEP;
|
|
107
|
+
_onPointerDown(event: PointerEvent): void;
|
|
108
|
+
private _onPointerMove;
|
|
109
|
+
private _onPointerUp;
|
|
110
|
+
_onKeydown(event: KeyboardEvent): void;
|
|
111
|
+
private _startKeyboardDrag;
|
|
112
|
+
private _moveKeyboard;
|
|
113
|
+
private _endKeyboardDrag;
|
|
114
|
+
private _cancelKeyboardDrag;
|
|
115
|
+
private _createPreview;
|
|
116
|
+
private _createPlaceholder;
|
|
117
|
+
private _updatePreviewPosition;
|
|
118
|
+
private _applyConstraints;
|
|
119
|
+
/** Pattern allowing simple CSS selectors (tag, class, id, attribute selectors) */
|
|
120
|
+
private static readonly _SAFE_SELECTOR_PATTERN;
|
|
121
|
+
private _resolveBoundary;
|
|
122
|
+
private _cleanupDrag;
|
|
123
|
+
private _removeListeners;
|
|
124
|
+
ngOnDestroy(): void;
|
|
125
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiDragDirective, never>;
|
|
126
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FuiDragDirective, "[fuiDrag]", never, { "fuiDragData": { "alias": "fuiDragData"; "required": false; "isSignal": true; }; "fuiDragDisabled": { "alias": "fuiDragDisabled"; "required": false; "isSignal": true; }; "fuiDragLockAxis": { "alias": "fuiDragLockAxis"; "required": false; "isSignal": true; }; "fuiDragPreviewTemplate": { "alias": "fuiDragPreviewTemplate"; "required": false; "isSignal": true; }; "fuiDragPlaceholderTemplate": { "alias": "fuiDragPlaceholderTemplate"; "required": false; "isSignal": true; }; "fuiDragBoundary": { "alias": "fuiDragBoundary"; "required": false; "isSignal": true; }; }, { "fuiDragStarted": "fuiDragStarted"; "fuiDragMoved": "fuiDragMoved"; "fuiDragEnded": "fuiDragEnded"; "fuiDragDropped": "fuiDragDropped"; }, never, never, true, never>;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
declare class FuiDropZoneDirective implements OnInit, OnDestroy {
|
|
130
|
+
readonly fuiDropZoneData: _angular_core.InputSignal<any>;
|
|
131
|
+
readonly fuiDropZoneDisabled: _angular_core.InputSignal<boolean>;
|
|
132
|
+
readonly fuiDropZonePredicate: _angular_core.InputSignal<((drag: FuiDragSource) => boolean) | null>;
|
|
133
|
+
readonly fuiDropZoneEntered: _angular_core.OutputEmitterRef<FuiDragEvent<any>>;
|
|
134
|
+
readonly fuiDropZoneExited: _angular_core.OutputEmitterRef<FuiDragEvent<any>>;
|
|
135
|
+
readonly fuiDropped: _angular_core.OutputEmitterRef<FuiDropEvent<any, any>>;
|
|
136
|
+
readonly element: ElementRef<any>;
|
|
137
|
+
readonly _isActive: _angular_core.WritableSignal<boolean>;
|
|
138
|
+
readonly _isOver: _angular_core.WritableSignal<boolean>;
|
|
139
|
+
private readonly _registry;
|
|
140
|
+
private _wasOver;
|
|
141
|
+
constructor();
|
|
142
|
+
ngOnInit(): void;
|
|
143
|
+
ngOnDestroy(): void;
|
|
144
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiDropZoneDirective, never>;
|
|
145
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FuiDropZoneDirective, "[fuiDropZone]", never, { "fuiDropZoneData": { "alias": "fuiDropZoneData"; "required": false; "isSignal": true; }; "fuiDropZoneDisabled": { "alias": "fuiDropZoneDisabled"; "required": false; "isSignal": true; }; "fuiDropZonePredicate": { "alias": "fuiDropZonePredicate"; "required": false; "isSignal": true; }; }, { "fuiDropZoneEntered": "fuiDropZoneEntered"; "fuiDropZoneExited": "fuiDropZoneExited"; "fuiDropped": "fuiDropped"; }, never, never, true, never>;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
declare class FuiSortableDirective implements OnInit, OnDestroy {
|
|
149
|
+
readonly fuiSortableData: _angular_core.InputSignal<any[]>;
|
|
150
|
+
readonly fuiSortableDisabled: _angular_core.InputSignal<boolean>;
|
|
151
|
+
readonly fuiSortableOrientation: _angular_core.InputSignal<"vertical" | "horizontal">;
|
|
152
|
+
readonly fuiSortableConnectedTo: _angular_core.InputSignal<FuiSortableDirective[]>;
|
|
153
|
+
readonly fuiSortableSorted: _angular_core.OutputEmitterRef<FuiSortEvent<any>>;
|
|
154
|
+
readonly fuiSortableTransferred: _angular_core.OutputEmitterRef<FuiTransferEvent<any>>;
|
|
155
|
+
readonly element: ElementRef<any>;
|
|
156
|
+
readonly _hasDragging: _angular_core.WritableSignal<boolean>;
|
|
157
|
+
readonly _dragItems: _angular_core.Signal<readonly FuiDragDirective[]>;
|
|
158
|
+
private readonly _registry;
|
|
159
|
+
private _activeDragStartIndex;
|
|
160
|
+
private _currentHoverIndex;
|
|
161
|
+
private _siblingRects;
|
|
162
|
+
constructor();
|
|
163
|
+
ngOnInit(): void;
|
|
164
|
+
ngOnDestroy(): void;
|
|
165
|
+
private _captureRects;
|
|
166
|
+
private _getInsertionIndex;
|
|
167
|
+
private _applyTransforms;
|
|
168
|
+
private _clearTransforms;
|
|
169
|
+
private _finalizeDrop;
|
|
170
|
+
/** Called by external sortables for cross-container transfers. */
|
|
171
|
+
emitTransfer(item: any, previousContainer: FuiSortableRef, previousIndex: number, currentIndex: number): void;
|
|
172
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiSortableDirective, never>;
|
|
173
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FuiSortableDirective, "[fuiSortable]", never, { "fuiSortableData": { "alias": "fuiSortableData"; "required": true; "isSignal": true; }; "fuiSortableDisabled": { "alias": "fuiSortableDisabled"; "required": false; "isSignal": true; }; "fuiSortableOrientation": { "alias": "fuiSortableOrientation"; "required": false; "isSignal": true; }; "fuiSortableConnectedTo": { "alias": "fuiSortableConnectedTo"; "required": false; "isSignal": true; }; }, { "fuiSortableSorted": "fuiSortableSorted"; "fuiSortableTransferred": "fuiSortableTransferred"; }, ["_dragItems"], never, true, never>;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
declare class FuiDragRegistryService {
|
|
177
|
+
readonly activeDrag: _angular_core.WritableSignal<FuiActiveDrag | null>;
|
|
178
|
+
private _dropZones;
|
|
179
|
+
private _sortables;
|
|
180
|
+
registerDropZone(zone: FuiDropZoneRef): void;
|
|
181
|
+
unregisterDropZone(zone: FuiDropZoneRef): void;
|
|
182
|
+
registerSortable(sortable: FuiSortableRef): void;
|
|
183
|
+
unregisterSortable(sortable: FuiSortableRef): void;
|
|
184
|
+
startDrag(drag: FuiActiveDrag): void;
|
|
185
|
+
updateDrag(position: FuiPoint, _event: PointerEvent): void;
|
|
186
|
+
endDrag(_event: PointerEvent): void;
|
|
187
|
+
cancelDrag(): void;
|
|
188
|
+
getDropZoneAtPoint(point: FuiPoint): FuiDropZoneRef | null;
|
|
189
|
+
getSortableAtPoint(point: FuiPoint): FuiSortableRef | null;
|
|
190
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiDragRegistryService, never>;
|
|
191
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<FuiDragRegistryService>;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
export { FuiDragDirective, FuiDragRegistryService, FuiDropZoneDirective, FuiSortableDirective };
|
|
195
|
+
export type { FuiActiveDrag, FuiDragAxis, FuiDragEvent, FuiDragSource, FuiDropEvent, FuiDropZoneRef, FuiPoint, FuiSortEvent, FuiSortableRef, FuiTransferEvent };
|
|
196
|
+
//# sourceMappingURL=raintonic-formaui-cdk-drag-drop.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-cdk-drag-drop.d.ts","sources":["../../../lib/cdk/drag-drop/drag-drop.types.ts","../../../lib/cdk/drag-drop/fui-drag.directive.ts","../../../lib/cdk/drag-drop/fui-drop-zone.directive.ts","../../../lib/cdk/drag-drop/fui-sortable.directive.ts","../../../lib/cdk/drag-drop/drag-registry.service.ts"],"mappings":";;;UAEiB,QAAQ;;;AAGxB;AAEK,KAAM,WAAW;AAEvB;;;AAGG;UACc,aAAa;AAC5B;AACA,sBAAkB,UAAU,CAAC,WAAW;;AAChB;AAAa;;AACtC;AAED;;;AAGG;UACc,cAAc;AAC7B;AACA;AACA,iDAA6C,aAAa;AAC1D,sBAAkB,UAAU,CAAC,WAAW;;AACjB,oBAAY,YAAY;;AAChD;AAED;;;AAGG;UACc,cAAc;AAC7B;AACA,sBAAkB,UAAU,CAAC,WAAW;AACxC,+CAA2C,cAAc;AAC1D;AAEK,UAAW,YAAY;YACnB,aAAa;;qBAEJ,QAAQ;cACf,QAAQ;eACP,cAAc;WAClB,YAAY;AACpB;AAEK,UAAW,YAAY;YACnB,aAAa;;;cAGX,cAAc;;AAEzB;AAEK,UAAW,YAAY;;;;eAIhB,cAAc;AAC1B;AAEK,UAAW,gBAAgB;;uBAEZ,cAAc;eACtB,cAAc;;;AAG1B;UAEgB,aAAa;YACpB,aAAa;oBACL,WAAW;yBACN,WAAW;mBACjB,QAAQ;qBACN,QAAQ;;AAE1B;;AC9DD,cAaa,gBAAiB,YAAW,SAAS;0BAC5B,aAAA,CAAA,WAAA;8BACI,aAAA,CAAA,WAAA;8BACA,aAAA,CAAA,WAAA,CAAA,WAAA;qCACO,aAAA,CAAA,WAAA,CAAA,WAAA;yCACI,aAAA,CAAA,WAAA,CAAA,WAAA;8BACX,aAAA,CAAA,WAAA,UAAA,UAAA;6BAED,aAAA,CAAA,gBAAA,CAAA,YAAA;2BACF,aAAA,CAAA,gBAAA,CAAA,YAAA;2BACA,aAAA,CAAA,gBAAA,CAAA,YAAA;6BACE,aAAA,CAAA,gBAAA,CAAA,YAAA;sBAEP,UAAA;0BACI,aAAA,CAAA,cAAA;AAEpB;AACA;AACA;AACA;AACA;AACA;;;;;;;;AAWA;AAEA,0BAAsB,YAAY;AAqDlC;AAsBA;AA2CA,sBAAkB,aAAa;AA0C/B;AAyBA;AAkBA;AA4BA;AAQA;AAgBA;AAaA;AAYA;;AAqBA;AAEA;AAuBA;AAYA;AAWA;oDA/XW,gBAAgB;sDAAhB,gBAAgB;AAqY5B;;AChaD,cAUa,oBAAqB,YAAW,MAAM,EAAE,SAAS;8BACpC,aAAA,CAAA,WAAA;kCACI,aAAA,CAAA,WAAA;AAC5B,mCAA6B,aAAA,CAAA,WAAA,SAAiB,aAAa;iCAEhC,aAAA,CAAA,gBAAA,CAAA,YAAA;gCACD,aAAA,CAAA,gBAAA,CAAA,YAAA;yBACP,aAAA,CAAA,gBAAA,CAAA,YAAA;sBAEH,UAAA;wBACE,aAAA,CAAA,cAAA;sBACF,aAAA,CAAA,cAAA;AAEhB;;;AAyDA;AAIA;oDA1EW,oBAAoB;sDAApB,oBAAoB;AA6EhC;;AC3ED,cAQa,oBAAqB,YAAW,MAAM,EAAE,SAAS;8BACpC,aAAA,CAAA,WAAA;kCACI,aAAA,CAAA,WAAA;qCACG,aAAA,CAAA,WAAA;qCACA,aAAA,CAAA,WAAA,CAAA,oBAAA;gCAEL,aAAA,CAAA,gBAAA,CAAA,YAAA;qCACK,aAAA,CAAA,gBAAA,CAAA,gBAAA;sBAEf,UAAA;2BACK,aAAA,CAAA,cAAA;yBAEF,aAAA,CAAA,MAAA,UAAA,gBAAA;AAEnB;;;;;AAwDA;AAIA;AAIA;AAKA;AAqBA;AAmCA;AASA;;AAmBA,+CAA2C,cAAc;oDAvK9C,oBAAoB;sDAApB,oBAAoB;AAgLhC;;ACrMD,cACa,sBAAsB;yBACd,aAAA,CAAA,cAAA,CAAA,aAAA;;;AAKnB,2BAAuB,cAAc;AAIrC,6BAAyB,cAAc;AAIvC,+BAA2B,cAAc;AAIzC,iCAA6B,cAAc;AAI3C,oBAAgB,aAAa;yBAIR,QAAQ,UAAU,YAAY;AAQnD,oBAAgB,YAAY;AAI5B;AAIA,8BAA0B,QAAQ,GAAG,cAAc;AAqBnD,8BAA0B,QAAQ,GAAG,cAAc;oDA/DxC,sBAAsB;wDAAtB,sBAAsB;AAmFlC;;;;","names":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { NgControl, NgForm, FormGroupDirective } from '@angular/forms';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import { ErrorStateMatcher, DefaultErrorStateMatcher } from '@raintonic/formaui/core';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Reference holder for NgControl resolved via the deferred Promise.resolve() pattern.
|
|
7
|
+
* This avoids circular DI when a component provides both NG_VALUE_ACCESSOR and injects NgControl.
|
|
8
|
+
*/
|
|
9
|
+
interface NgControlRef {
|
|
10
|
+
ngControl: NgControl | null;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Injects NgControl via the deferred `Promise.resolve()` pattern used throughout FormaUI.
|
|
14
|
+
* Must be called inside a constructor (injection context).
|
|
15
|
+
*
|
|
16
|
+
* @returns A ref object whose `ngControl` property is populated asynchronously.
|
|
17
|
+
*/
|
|
18
|
+
declare function injectNgControl(): NgControlRef;
|
|
19
|
+
/**
|
|
20
|
+
* Updates the error state by comparing current control validity against the error-state matcher.
|
|
21
|
+
* Call this in `ngDoCheck`.
|
|
22
|
+
*
|
|
23
|
+
* @param ngControl - The NgControl instance (may be null).
|
|
24
|
+
* @param errorState - Writable signal holding the current error state.
|
|
25
|
+
* @param errorStateMatcher - Consumer-provided matcher, or null to use the default.
|
|
26
|
+
* @param defaultErrorStateMatcher - The injected DefaultErrorStateMatcher.
|
|
27
|
+
* @param parentForm - The parent NgForm, if any.
|
|
28
|
+
* @param parentFormGroup - The parent FormGroupDirective, if any.
|
|
29
|
+
* @param stateChanges - Subject to notify of state changes.
|
|
30
|
+
*/
|
|
31
|
+
declare function updateErrorState(ngControl: NgControl | null, errorState: {
|
|
32
|
+
(): boolean;
|
|
33
|
+
set: (v: boolean) => void;
|
|
34
|
+
}, errorStateMatcher: ErrorStateMatcher | null, defaultErrorStateMatcher: DefaultErrorStateMatcher, parentForm: NgForm | null, parentFormGroup: FormGroupDirective | null, stateChanges: Subject<void>): void;
|
|
35
|
+
/**
|
|
36
|
+
* Syncs the `required` signal from the form control's validators.
|
|
37
|
+
* Call this in `ngDoCheck`.
|
|
38
|
+
*
|
|
39
|
+
* @param ngControl - The NgControl instance (may be null).
|
|
40
|
+
* @param required - Writable signal holding the current required state.
|
|
41
|
+
* @param stateChanges - Subject to notify of state changes.
|
|
42
|
+
*/
|
|
43
|
+
declare function syncRequiredState(ngControl: NgControl | null, required: {
|
|
44
|
+
(): boolean;
|
|
45
|
+
set: (v: boolean) => void;
|
|
46
|
+
}, stateChanges: Subject<void>): void;
|
|
47
|
+
/**
|
|
48
|
+
* Syncs the NgControl's disabled state into a local signal.
|
|
49
|
+
* Call this in `ngDoCheck`.
|
|
50
|
+
*
|
|
51
|
+
* @param ngControl - The NgControl instance (may be null).
|
|
52
|
+
* @param ngControlDisabled - Writable signal holding the mirrored disabled state.
|
|
53
|
+
* @param stateChanges - Subject to notify of state changes.
|
|
54
|
+
*/
|
|
55
|
+
declare function syncNgControlDisabled(ngControl: NgControl | null, ngControlDisabled: {
|
|
56
|
+
(): boolean;
|
|
57
|
+
set: (v: boolean) => void;
|
|
58
|
+
}, stateChanges: Subject<void>): void;
|
|
59
|
+
|
|
60
|
+
export { injectNgControl, syncNgControlDisabled, syncRequiredState, updateErrorState };
|
|
61
|
+
export type { NgControlRef };
|
|
62
|
+
//# sourceMappingURL=raintonic-formaui-cdk-form-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"raintonic-formaui-cdk-form-field.d.ts","sources":["../../../lib/cdk/form-field/form-control-base.ts"],"mappings":";;;;AAMA;;;AAGG;UACc,YAAY;AAC3B,eAAW,SAAS;AACrB;AAED;;;;;AAKG;AACH,iBAAgB,eAAe,IAAI,YAAY;AAc/C;;;;;;;;;;;AAWG;AACH,iBAAgB,gBAAgB,YACnB,SAAS;AACN;AAAa;AAA2B,sBACnC,iBAAiB,mCACV,wBAAwB,cACtC,MAAM,0BACD,kBAAkB,uBACrB,OAAO;AAgBvB;;;;;;;AAOG;AACH,iBAAgB,iBAAiB,YACpB,SAAS;AACR;AAAa;iBACX,OAAO;AAWvB;;;;;;;AAOG;AACH,iBAAgB,qBAAqB,YACxB,SAAS;AACC;AAAa;iBACpB,OAAO;;;;","names":[]}
|