@seedgrid/fe-components 2026.4.12 → 2026.4.14
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/dist/ai/seedgrid-components.manifest.json +12888 -0
- package/dist/ai-meta/types.d.ts +58 -0
- package/dist/ai-meta/types.d.ts.map +1 -0
- package/dist/ai-meta/types.js +1 -0
- package/dist/buttons/SgButton.meta.d.ts +4 -0
- package/dist/buttons/SgButton.meta.d.ts.map +1 -0
- package/dist/buttons/SgButton.meta.js +139 -0
- package/dist/buttons/SgFloatActionButton.meta.d.ts +4 -0
- package/dist/buttons/SgFloatActionButton.meta.d.ts.map +1 -0
- package/dist/buttons/SgFloatActionButton.meta.js +132 -0
- package/dist/buttons/SgSplitButton.meta.d.ts +4 -0
- package/dist/buttons/SgSplitButton.meta.d.ts.map +1 -0
- package/dist/buttons/SgSplitButton.meta.js +132 -0
- package/dist/commons/SgAvatar.meta.d.ts +4 -0
- package/dist/commons/SgAvatar.meta.d.ts.map +1 -0
- package/dist/commons/SgAvatar.meta.js +123 -0
- package/dist/commons/SgAvatarGroup.meta.d.ts +4 -0
- package/dist/commons/SgAvatarGroup.meta.d.ts.map +1 -0
- package/dist/commons/SgAvatarGroup.meta.js +46 -0
- package/dist/commons/SgBadge.meta.d.ts +4 -0
- package/dist/commons/SgBadge.meta.d.ts.map +1 -0
- package/dist/commons/SgBadge.meta.js +132 -0
- package/dist/commons/SgBadgeOverlay.meta.d.ts +4 -0
- package/dist/commons/SgBadgeOverlay.meta.d.ts.map +1 -0
- package/dist/commons/SgBadgeOverlay.meta.js +46 -0
- package/dist/commons/SgSkeleton.meta.d.ts +4 -0
- package/dist/commons/SgSkeleton.meta.d.ts.map +1 -0
- package/dist/commons/SgSkeleton.meta.js +114 -0
- package/dist/commons/SgToastHost.meta.d.ts +4 -0
- package/dist/commons/SgToastHost.meta.d.ts.map +1 -0
- package/dist/commons/SgToastHost.meta.js +46 -0
- package/dist/commons/SgToaster.meta.d.ts +4 -0
- package/dist/commons/SgToaster.meta.d.ts.map +1 -0
- package/dist/commons/SgToaster.meta.js +48 -0
- package/dist/commons/SgWhistleHost.meta.d.ts +4 -0
- package/dist/commons/SgWhistleHost.meta.d.ts.map +1 -0
- package/dist/commons/SgWhistleHost.meta.js +46 -0
- package/dist/digits/discard-digit/SgDiscardDigit.meta.d.ts +4 -0
- package/dist/digits/discard-digit/SgDiscardDigit.meta.d.ts.map +1 -0
- package/dist/digits/discard-digit/SgDiscardDigit.meta.js +48 -0
- package/dist/digits/fade-digit/SgFadeDigit.meta.d.ts +4 -0
- package/dist/digits/fade-digit/SgFadeDigit.meta.d.ts.map +1 -0
- package/dist/digits/fade-digit/SgFadeDigit.meta.js +48 -0
- package/dist/digits/flip-digit/SgFlipDigit.meta.d.ts +4 -0
- package/dist/digits/flip-digit/SgFlipDigit.meta.d.ts.map +1 -0
- package/dist/digits/flip-digit/SgFlipDigit.meta.js +48 -0
- package/dist/digits/matrix-digit/SgMatrixDigit.meta.d.ts +4 -0
- package/dist/digits/matrix-digit/SgMatrixDigit.meta.d.ts.map +1 -0
- package/dist/digits/matrix-digit/SgMatrixDigit.meta.js +48 -0
- package/dist/digits/neon-digit/SgNeonDigit.meta.d.ts +4 -0
- package/dist/digits/neon-digit/SgNeonDigit.meta.d.ts.map +1 -0
- package/dist/digits/neon-digit/SgNeonDigit.meta.js +48 -0
- package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.d.ts +4 -0
- package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.d.ts.map +1 -0
- package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.js +48 -0
- package/dist/digits/segment-digit/SgSegmentDigit.meta.d.ts +4 -0
- package/dist/digits/segment-digit/SgSegmentDigit.meta.d.ts.map +1 -0
- package/dist/digits/segment-digit/SgSegmentDigit.meta.js +48 -0
- package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.d.ts +4 -0
- package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.d.ts.map +1 -0
- package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.js +48 -0
- package/dist/environment/SgEnvironmentProvider.meta.d.ts +4 -0
- package/dist/environment/SgEnvironmentProvider.meta.d.ts.map +1 -0
- package/dist/environment/SgEnvironmentProvider.meta.js +53 -0
- package/dist/gadgets/calendar/SgCalendar.meta.d.ts +4 -0
- package/dist/gadgets/calendar/SgCalendar.meta.d.ts.map +1 -0
- package/dist/gadgets/calendar/SgCalendar.meta.js +51 -0
- package/dist/gadgets/clock/SgClock.meta.d.ts +4 -0
- package/dist/gadgets/clock/SgClock.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/SgClock.meta.js +50 -0
- package/dist/gadgets/clock/SgTimeProvider.meta.d.ts +4 -0
- package/dist/gadgets/clock/SgTimeProvider.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/SgTimeProvider.meta.js +49 -0
- package/dist/gadgets/clock/themes/SgClockThemePicker.meta.d.ts +4 -0
- package/dist/gadgets/clock/themes/SgClockThemePicker.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/themes/SgClockThemePicker.meta.js +56 -0
- package/dist/gadgets/clock/themes/SgClockThemePreview.meta.d.ts +4 -0
- package/dist/gadgets/clock/themes/SgClockThemePreview.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/themes/SgClockThemePreview.meta.js +50 -0
- package/dist/gadgets/clock/themes/SgClockThemeProvider.meta.d.ts +4 -0
- package/dist/gadgets/clock/themes/SgClockThemeProvider.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/themes/SgClockThemeProvider.meta.js +51 -0
- package/dist/gadgets/gauge/SgLinearGauge.meta.d.ts +4 -0
- package/dist/gadgets/gauge/SgLinearGauge.meta.d.ts.map +1 -0
- package/dist/gadgets/gauge/SgLinearGauge.meta.js +57 -0
- package/dist/gadgets/gauge/SgRadialGauge.meta.d.ts +4 -0
- package/dist/gadgets/gauge/SgRadialGauge.meta.d.ts.map +1 -0
- package/dist/gadgets/gauge/SgRadialGauge.meta.js +57 -0
- package/dist/gadgets/qr-code/SgQRCode.meta.d.ts +4 -0
- package/dist/gadgets/qr-code/SgQRCode.meta.d.ts.map +1 -0
- package/dist/gadgets/qr-code/SgQRCode.meta.js +48 -0
- package/dist/gadgets/string-animator/SgStringAnimator.meta.d.ts +4 -0
- package/dist/gadgets/string-animator/SgStringAnimator.meta.d.ts.map +1 -0
- package/dist/gadgets/string-animator/SgStringAnimator.meta.js +48 -0
- package/dist/i18n/SgComponentsI18nProvider.meta.d.ts +4 -0
- package/dist/i18n/SgComponentsI18nProvider.meta.d.ts.map +1 -0
- package/dist/i18n/SgComponentsI18nProvider.meta.js +50 -0
- package/dist/index.d.ts +4 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -3
- package/dist/inputs/SgAutocomplete.meta.d.ts +4 -0
- package/dist/inputs/SgAutocomplete.meta.d.ts.map +1 -0
- package/dist/inputs/SgAutocomplete.meta.js +52 -0
- package/dist/inputs/SgCheckboxGroup.meta.d.ts +4 -0
- package/dist/inputs/SgCheckboxGroup.meta.d.ts.map +1 -0
- package/dist/inputs/SgCheckboxGroup.meta.js +51 -0
- package/dist/inputs/SgCombobox.meta.d.ts +4 -0
- package/dist/inputs/SgCombobox.meta.d.ts.map +1 -0
- package/dist/inputs/SgCombobox.meta.js +52 -0
- package/dist/inputs/SgDatatable.js +2 -2
- package/dist/inputs/SgDatatable.meta.d.ts +4 -0
- package/dist/inputs/SgDatatable.meta.d.ts.map +1 -0
- package/dist/inputs/SgDatatable.meta.js +51 -0
- package/dist/inputs/SgInputBirthDate.meta.d.ts +4 -0
- package/dist/inputs/SgInputBirthDate.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputBirthDate.meta.js +80 -0
- package/dist/inputs/SgInputCNPJ.meta.d.ts +4 -0
- package/dist/inputs/SgInputCNPJ.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputCNPJ.meta.js +81 -0
- package/dist/inputs/SgInputCPF.meta.d.ts +4 -0
- package/dist/inputs/SgInputCPF.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputCPF.meta.js +80 -0
- package/dist/inputs/SgInputCPFCNPJ.meta.d.ts +4 -0
- package/dist/inputs/SgInputCPFCNPJ.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputCPFCNPJ.meta.js +80 -0
- package/dist/inputs/SgInputCurrency.meta.d.ts +4 -0
- package/dist/inputs/SgInputCurrency.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputCurrency.meta.js +136 -0
- package/dist/inputs/SgInputDate.meta.d.ts +4 -0
- package/dist/inputs/SgInputDate.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputDate.meta.js +136 -0
- package/dist/inputs/SgInputEmail.meta.d.ts +4 -0
- package/dist/inputs/SgInputEmail.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputEmail.meta.js +81 -0
- package/dist/inputs/SgInputNumber.meta.d.ts +4 -0
- package/dist/inputs/SgInputNumber.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputNumber.meta.js +137 -0
- package/dist/inputs/SgInputOTP.js +1 -1
- package/dist/inputs/SgInputOTP.meta.d.ts +4 -0
- package/dist/inputs/SgInputOTP.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputOTP.meta.js +80 -0
- package/dist/inputs/SgInputPassword.meta.d.ts +4 -0
- package/dist/inputs/SgInputPassword.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputPassword.meta.js +81 -0
- package/dist/inputs/SgInputPhone.meta.d.ts +4 -0
- package/dist/inputs/SgInputPhone.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputPhone.meta.js +80 -0
- package/dist/inputs/SgInputPostalCode.meta.d.ts +4 -0
- package/dist/inputs/SgInputPostalCode.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputPostalCode.meta.js +81 -0
- package/dist/inputs/SgInputText.meta.d.ts +4 -0
- package/dist/inputs/SgInputText.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputText.meta.js +138 -0
- package/dist/inputs/SgInputTextarea.meta.d.ts +4 -0
- package/dist/inputs/SgInputTextarea.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputTextarea.meta.js +136 -0
- package/dist/inputs/SgOrderList.meta.d.ts +4 -0
- package/dist/inputs/SgOrderList.meta.d.ts.map +1 -0
- package/dist/inputs/SgOrderList.meta.js +51 -0
- package/dist/inputs/SgPickList.meta.d.ts +4 -0
- package/dist/inputs/SgPickList.meta.d.ts.map +1 -0
- package/dist/inputs/SgPickList.meta.js +51 -0
- package/dist/inputs/SgRadioGroup.meta.d.ts +4 -0
- package/dist/inputs/SgRadioGroup.meta.d.ts.map +1 -0
- package/dist/inputs/SgRadioGroup.meta.js +51 -0
- package/dist/inputs/SgRating.meta.d.ts +4 -0
- package/dist/inputs/SgRating.meta.d.ts.map +1 -0
- package/dist/inputs/SgRating.meta.js +51 -0
- package/dist/inputs/SgSlider.meta.d.ts +4 -0
- package/dist/inputs/SgSlider.meta.d.ts.map +1 -0
- package/dist/inputs/SgSlider.meta.js +51 -0
- package/dist/inputs/SgStepperInput.meta.d.ts +4 -0
- package/dist/inputs/SgStepperInput.meta.d.ts.map +1 -0
- package/dist/inputs/SgStepperInput.meta.js +51 -0
- package/dist/inputs/SgTextEditor.meta.d.ts +4 -0
- package/dist/inputs/SgTextEditor.meta.d.ts.map +1 -0
- package/dist/inputs/SgTextEditor.meta.js +51 -0
- package/dist/inputs/SgToggleSwitch.meta.d.ts +4 -0
- package/dist/inputs/SgToggleSwitch.meta.d.ts.map +1 -0
- package/dist/inputs/SgToggleSwitch.meta.js +51 -0
- package/dist/layout/SgAccordion.meta.d.ts +4 -0
- package/dist/layout/SgAccordion.meta.d.ts.map +1 -0
- package/dist/layout/SgAccordion.meta.js +131 -0
- package/dist/layout/SgBreadcrumb.meta.d.ts +4 -0
- package/dist/layout/SgBreadcrumb.meta.d.ts.map +1 -0
- package/dist/layout/SgBreadcrumb.meta.js +125 -0
- package/dist/layout/SgCard.meta.d.ts +4 -0
- package/dist/layout/SgCard.meta.d.ts.map +1 -0
- package/dist/layout/SgCard.meta.js +132 -0
- package/dist/layout/SgCarousel.meta.d.ts +4 -0
- package/dist/layout/SgCarousel.meta.d.ts.map +1 -0
- package/dist/layout/SgCarousel.meta.js +50 -0
- package/dist/layout/SgDockLayout.meta.d.ts +4 -0
- package/dist/layout/SgDockLayout.meta.d.ts.map +1 -0
- package/dist/layout/SgDockLayout.meta.js +47 -0
- package/dist/layout/SgDockScreen.meta.d.ts +4 -0
- package/dist/layout/SgDockScreen.meta.d.ts.map +1 -0
- package/dist/layout/SgDockScreen.meta.js +49 -0
- package/dist/layout/SgDockZone.meta.d.ts +4 -0
- package/dist/layout/SgDockZone.meta.d.ts.map +1 -0
- package/dist/layout/SgDockZone.meta.js +43 -0
- package/dist/layout/SgExpandablePanel.meta.d.ts +4 -0
- package/dist/layout/SgExpandablePanel.meta.d.ts.map +1 -0
- package/dist/layout/SgExpandablePanel.meta.js +50 -0
- package/dist/layout/SgGrid.meta.d.ts +4 -0
- package/dist/layout/SgGrid.meta.d.ts.map +1 -0
- package/dist/layout/SgGrid.meta.js +124 -0
- package/dist/layout/SgGroupBox.meta.d.ts +4 -0
- package/dist/layout/SgGroupBox.meta.d.ts.map +1 -0
- package/dist/layout/SgGroupBox.meta.js +99 -0
- package/dist/layout/SgMenu.meta.d.ts +4 -0
- package/dist/layout/SgMenu.meta.d.ts.map +1 -0
- package/dist/layout/SgMenu.meta.js +137 -0
- package/dist/layout/SgPageControl.meta.d.ts +4 -0
- package/dist/layout/SgPageControl.meta.d.ts.map +1 -0
- package/dist/layout/SgPageControl.meta.js +50 -0
- package/dist/layout/SgPageControlPage.meta.d.ts +4 -0
- package/dist/layout/SgPageControlPage.meta.d.ts.map +1 -0
- package/dist/layout/SgPageControlPage.meta.js +47 -0
- package/dist/layout/SgPanel.meta.d.ts +4 -0
- package/dist/layout/SgPanel.meta.d.ts.map +1 -0
- package/dist/layout/SgPanel.meta.js +140 -0
- package/dist/layout/SgScreen.meta.d.ts +4 -0
- package/dist/layout/SgScreen.meta.d.ts.map +1 -0
- package/dist/layout/SgScreen.meta.js +113 -0
- package/dist/layout/SgStack.meta.d.ts +4 -0
- package/dist/layout/SgStack.meta.d.ts.map +1 -0
- package/dist/layout/SgStack.meta.js +126 -0
- package/dist/layout/SgToolBar.meta.d.ts +4 -0
- package/dist/layout/SgToolBar.meta.d.ts.map +1 -0
- package/dist/layout/SgToolBar.meta.js +131 -0
- package/dist/layout/SgToolbarIconButton.meta.d.ts +4 -0
- package/dist/layout/SgToolbarIconButton.meta.d.ts.map +1 -0
- package/dist/layout/SgToolbarIconButton.meta.js +48 -0
- package/dist/layout/SgTreeView.meta.d.ts +4 -0
- package/dist/layout/SgTreeView.meta.d.ts.map +1 -0
- package/dist/layout/SgTreeView.meta.js +132 -0
- package/dist/menus/SgDockMenu.meta.d.ts +4 -0
- package/dist/menus/SgDockMenu.meta.d.ts.map +1 -0
- package/dist/menus/SgDockMenu.meta.js +135 -0
- package/dist/overlay/SgConfirmationDialog.meta.d.ts +4 -0
- package/dist/overlay/SgConfirmationDialog.meta.d.ts.map +1 -0
- package/dist/overlay/SgConfirmationDialog.meta.js +128 -0
- package/dist/overlay/SgDialog.meta.d.ts +4 -0
- package/dist/overlay/SgDialog.meta.d.ts.map +1 -0
- package/dist/overlay/SgDialog.meta.js +130 -0
- package/dist/overlay/SgPopup.meta.d.ts +4 -0
- package/dist/overlay/SgPopup.meta.d.ts.map +1 -0
- package/dist/overlay/SgPopup.meta.js +129 -0
- package/dist/sandbox.cjs +31 -31
- package/dist/wizard/SgWizard.meta.d.ts +4 -0
- package/dist/wizard/SgWizard.meta.d.ts.map +1 -0
- package/dist/wizard/SgWizard.meta.js +50 -0
- package/dist/wizard/SgWizardPage.meta.d.ts +4 -0
- package/dist/wizard/SgWizardPage.meta.d.ts.map +1 -0
- package/dist/wizard/SgWizardPage.meta.js +44 -0
- package/package.json +2 -2
- package/dist/inputs/SgInputSelect.d.ts +0 -18
- package/dist/inputs/SgInputSelect.d.ts.map +0 -1
- package/dist/inputs/SgInputSelect.js +0 -139
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "layout.screen",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgScreen",
|
|
6
|
+
slug: "sg-screen",
|
|
7
|
+
displayName: "SgScreen",
|
|
8
|
+
category: "layout",
|
|
9
|
+
subcategory: "screen",
|
|
10
|
+
description: "Container estrutural de alto nivel para composicao de telas com area client, fullscreen opcional e suporte a docking.",
|
|
11
|
+
tags: ["layout", "screen", "shell", "page", "docking"],
|
|
12
|
+
capabilities: ["full-screen-container", "dock-layout", "root-shell", "responsive-sizing", "client-area"],
|
|
13
|
+
fieldSemantics: ["screen", "pageLayout", "appShell", "workspace", "clientArea"],
|
|
14
|
+
props: [
|
|
15
|
+
{
|
|
16
|
+
name: "children",
|
|
17
|
+
type: "ReactNode",
|
|
18
|
+
description: "Conteudo estrutural da tela, normalmente com panels dockados.",
|
|
19
|
+
semanticRole: "data",
|
|
20
|
+
bindable: false
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
name: "fullscreen",
|
|
24
|
+
type: "boolean",
|
|
25
|
+
default: true,
|
|
26
|
+
description: "Define se a tela ocupa toda a viewport.",
|
|
27
|
+
semanticRole: "behavior",
|
|
28
|
+
bindable: true
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
name: "width",
|
|
32
|
+
type: "number | string",
|
|
33
|
+
description: "Largura explicita quando a tela nao for fullscreen.",
|
|
34
|
+
semanticRole: "behavior",
|
|
35
|
+
bindable: true
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
name: "height",
|
|
39
|
+
type: "number | string",
|
|
40
|
+
description: "Altura explicita quando a tela nao for fullscreen.",
|
|
41
|
+
semanticRole: "behavior",
|
|
42
|
+
bindable: true
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
name: "padding",
|
|
46
|
+
type: "number | string",
|
|
47
|
+
description: "Espacamento interno aplicado ao root da tela.",
|
|
48
|
+
semanticRole: "appearance",
|
|
49
|
+
bindable: true
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
name: "className",
|
|
53
|
+
type: "string",
|
|
54
|
+
description: "Classes adicionais aplicadas ao container principal.",
|
|
55
|
+
semanticRole: "appearance",
|
|
56
|
+
bindable: true
|
|
57
|
+
}
|
|
58
|
+
],
|
|
59
|
+
states: ["default", "fullscreen", "embedded"],
|
|
60
|
+
examples: [
|
|
61
|
+
{
|
|
62
|
+
id: "complete-example",
|
|
63
|
+
title: "Exemplo completo",
|
|
64
|
+
file: "apps/showcase/src/app/components/sg-screen/samples/complete-example.tsx.sample",
|
|
65
|
+
kind: "sample"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
id: "playground",
|
|
69
|
+
title: "Playground",
|
|
70
|
+
file: "apps/showcase/src/app/components/sg-screen/sg-screen.tsx.playground",
|
|
71
|
+
kind: "playground"
|
|
72
|
+
}
|
|
73
|
+
],
|
|
74
|
+
showcase: {
|
|
75
|
+
route: "/components/sg-screen",
|
|
76
|
+
hasPlayground: true,
|
|
77
|
+
hasPropsTable: true
|
|
78
|
+
},
|
|
79
|
+
sdui: {
|
|
80
|
+
rendererType: "layout.screen",
|
|
81
|
+
acceptsDataBinding: true,
|
|
82
|
+
defaultProps: {
|
|
83
|
+
fullscreen: true,
|
|
84
|
+
padding: 0
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
export const aiHints = {
|
|
89
|
+
version: "0.1",
|
|
90
|
+
preferredUseCases: [
|
|
91
|
+
"Compor shells de aplicacao, workspaces e layouts de tela completos.",
|
|
92
|
+
"Criar area raiz para estruturas com docking, sidebars, header e footer.",
|
|
93
|
+
"Organizar conteudo de pagina com controle explicito de largura, altura e padding."
|
|
94
|
+
],
|
|
95
|
+
avoidUseCases: [
|
|
96
|
+
"Blocos locais de agrupamento; nesses casos prefira Panel, Card ou GroupBox.",
|
|
97
|
+
"Acoes ou entradas de dados; nesses casos prefira Button ou componentes de input.",
|
|
98
|
+
"Menus de navegacao especializados; nesses casos prefira DockMenu, Menu ou Breadcrumb."
|
|
99
|
+
],
|
|
100
|
+
synonyms: ["screen", "page shell", "layout shell", "workspace"],
|
|
101
|
+
relatedEntityFields: ["screen", "page", "workspace", "shell", "mainLayout"],
|
|
102
|
+
compositionHints: [
|
|
103
|
+
"Usar com Panel, Stack e DockMenu para montar a estrutura completa da tela.",
|
|
104
|
+
"Combinar com dialogs, popups e componentes de navegacao em shells complexos."
|
|
105
|
+
],
|
|
106
|
+
rankingSignals: {
|
|
107
|
+
freeText: 0,
|
|
108
|
+
structuredChoice: 0,
|
|
109
|
+
date: 0,
|
|
110
|
+
number: 0,
|
|
111
|
+
denseLayout: 0.98
|
|
112
|
+
}
|
|
113
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgStack.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgStack.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QAoGpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "layout.stack",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgStack",
|
|
6
|
+
slug: "sg-stack",
|
|
7
|
+
displayName: "SgStack",
|
|
8
|
+
category: "layout",
|
|
9
|
+
subcategory: "stack",
|
|
10
|
+
description: "Primitive de layout flexivel para empilhar elementos em linha ou coluna com controle de gap, alinhamento e wrap.",
|
|
11
|
+
tags: ["layout", "stack", "flex", "row", "column"],
|
|
12
|
+
capabilities: ["row-column-layout", "gap", "justify", "align", "wrap", "grow"],
|
|
13
|
+
fieldSemantics: ["container", "linearLayout", "stackLayout", "flexLayout"],
|
|
14
|
+
props: [
|
|
15
|
+
{
|
|
16
|
+
name: "direction",
|
|
17
|
+
type: '"row" | "column"',
|
|
18
|
+
default: "column",
|
|
19
|
+
description: "Direcao principal do empilhamento.",
|
|
20
|
+
semanticRole: "behavior",
|
|
21
|
+
bindable: true
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: "gap",
|
|
25
|
+
type: "number | string",
|
|
26
|
+
default: 0,
|
|
27
|
+
description: "Espacamento entre os itens.",
|
|
28
|
+
semanticRole: "appearance",
|
|
29
|
+
bindable: true
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
name: "justify",
|
|
33
|
+
type: '"start" | "center" | "end" | "between" | "around" | "evenly"',
|
|
34
|
+
default: "start",
|
|
35
|
+
description: "Distribuicao dos itens no eixo principal.",
|
|
36
|
+
semanticRole: "behavior",
|
|
37
|
+
bindable: true
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
name: "align",
|
|
41
|
+
type: '"start" | "center" | "end" | "stretch"',
|
|
42
|
+
default: "stretch",
|
|
43
|
+
description: "Alinhamento dos itens no eixo cruzado.",
|
|
44
|
+
semanticRole: "behavior",
|
|
45
|
+
bindable: true
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
name: "wrap",
|
|
49
|
+
type: "boolean",
|
|
50
|
+
default: false,
|
|
51
|
+
description: "Permite quebra de linha quando necessario.",
|
|
52
|
+
semanticRole: "behavior",
|
|
53
|
+
bindable: true
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
name: "grow",
|
|
57
|
+
type: "boolean",
|
|
58
|
+
default: false,
|
|
59
|
+
description: "Permite que o stack cresca ocupando espaco disponivel.",
|
|
60
|
+
semanticRole: "behavior",
|
|
61
|
+
bindable: true
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
name: "children",
|
|
65
|
+
type: "ReactNode",
|
|
66
|
+
description: "Itens renderizados dentro do stack.",
|
|
67
|
+
semanticRole: "data",
|
|
68
|
+
bindable: false
|
|
69
|
+
}
|
|
70
|
+
],
|
|
71
|
+
states: ["default", "row", "column", "wrapped", "growing"],
|
|
72
|
+
examples: [
|
|
73
|
+
{
|
|
74
|
+
id: "basic",
|
|
75
|
+
title: "Basico",
|
|
76
|
+
file: "apps/showcase/src/app/components/sg-stack/samples/basico.tsx.sample",
|
|
77
|
+
kind: "sample"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
id: "playground",
|
|
81
|
+
title: "Playground",
|
|
82
|
+
file: "apps/showcase/src/app/components/sg-stack/sg-stack.tsx.playground",
|
|
83
|
+
kind: "playground"
|
|
84
|
+
}
|
|
85
|
+
],
|
|
86
|
+
showcase: {
|
|
87
|
+
route: "/components/sg-stack",
|
|
88
|
+
hasPlayground: true,
|
|
89
|
+
hasPropsTable: true
|
|
90
|
+
},
|
|
91
|
+
sdui: {
|
|
92
|
+
rendererType: "layout.stack",
|
|
93
|
+
acceptsDataBinding: true,
|
|
94
|
+
defaultProps: {
|
|
95
|
+
direction: "column",
|
|
96
|
+
gap: 0,
|
|
97
|
+
wrap: false
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
export const aiHints = {
|
|
102
|
+
version: "0.1",
|
|
103
|
+
preferredUseCases: [
|
|
104
|
+
"Empilhar botoes, campos e blocos em linha ou coluna com espaco consistente.",
|
|
105
|
+
"Criar composicoes simples e reutilizaveis dentro de cards, paineis e dialogs.",
|
|
106
|
+
"Substituir CSS flex manual em cenarios comuns de alinhamento."
|
|
107
|
+
],
|
|
108
|
+
avoidUseCases: [
|
|
109
|
+
"Grades responsivas com varias colunas; nesses casos prefira SgGrid.",
|
|
110
|
+
"Blocos com destaque visual proprio; nesses casos prefira SgCard ou SgPanel.",
|
|
111
|
+
"Captura de dados ou acoes por si so; nesses casos prefira componentes especificos."
|
|
112
|
+
],
|
|
113
|
+
synonyms: ["stack", "flex stack", "row/column layout", "linear container"],
|
|
114
|
+
relatedEntityFields: ["actionsRow", "contentStack", "detailsColumn", "toolbarGroup"],
|
|
115
|
+
compositionHints: [
|
|
116
|
+
"Usar dentro de SgGrid, SgCard e SgDialog para organizar o conteudo interno.",
|
|
117
|
+
"Combinar com sgInput* para layouts de formulario lineares."
|
|
118
|
+
],
|
|
119
|
+
rankingSignals: {
|
|
120
|
+
freeText: 0,
|
|
121
|
+
structuredChoice: 0,
|
|
122
|
+
date: 0,
|
|
123
|
+
number: 0,
|
|
124
|
+
denseLayout: 0.92
|
|
125
|
+
}
|
|
126
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgToolBar.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgToolBar.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QAyGpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "navigation.toolbar",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgToolBar",
|
|
6
|
+
slug: "sg-toolbar",
|
|
7
|
+
displayName: "SgToolBar",
|
|
8
|
+
category: "navigation",
|
|
9
|
+
subcategory: "toolbar",
|
|
10
|
+
description: "Barra de ferramentas para agrupar acoes frequentes com suporte a orientacao, colapso, arraste e encaixe em zonas de layout.",
|
|
11
|
+
tags: ["navigation", "toolbar", "actions", "dock", "draggable"],
|
|
12
|
+
capabilities: ["action-grouping", "dockable", "draggable", "collapsible", "orientation-control"],
|
|
13
|
+
fieldSemantics: ["toolbar", "actionBar", "contextActions", "dockedActions"],
|
|
14
|
+
props: [
|
|
15
|
+
{
|
|
16
|
+
name: "id",
|
|
17
|
+
type: "string",
|
|
18
|
+
required: true,
|
|
19
|
+
description: "Identificador estavel da toolbar.",
|
|
20
|
+
semanticRole: "data",
|
|
21
|
+
bindable: false
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: "title",
|
|
25
|
+
type: "ReactNode",
|
|
26
|
+
description: "Titulo opcional exibido na barra.",
|
|
27
|
+
semanticRole: "label",
|
|
28
|
+
bindable: true
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
name: "orientationDirection",
|
|
32
|
+
type: '"vertical-up" | "vertical-down" | "horizontal-left" | "horizontal-right"',
|
|
33
|
+
description: "Direcao e orientacao da toolbar.",
|
|
34
|
+
semanticRole: "behavior",
|
|
35
|
+
bindable: true
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
name: "buttonsPerDirection",
|
|
39
|
+
type: "number",
|
|
40
|
+
description: "Quantidade de botoes distribuidos por direcao.",
|
|
41
|
+
semanticRole: "behavior",
|
|
42
|
+
bindable: true
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
name: "dockZone",
|
|
46
|
+
type: '"top" | "bottom" | "left" | "right" | "free"',
|
|
47
|
+
default: "free",
|
|
48
|
+
description: "Zona de encaixe da toolbar.",
|
|
49
|
+
semanticRole: "behavior",
|
|
50
|
+
bindable: true
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
name: "draggable",
|
|
54
|
+
type: "boolean",
|
|
55
|
+
default: false,
|
|
56
|
+
description: "Permite arrastar a toolbar.",
|
|
57
|
+
semanticRole: "behavior",
|
|
58
|
+
bindable: true
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
name: "collapsible",
|
|
62
|
+
type: "boolean",
|
|
63
|
+
default: true,
|
|
64
|
+
description: "Permite recolher a toolbar.",
|
|
65
|
+
semanticRole: "behavior",
|
|
66
|
+
bindable: true
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
name: "children",
|
|
70
|
+
type: "ReactNode",
|
|
71
|
+
description: "Botoes e elementos de acao da toolbar.",
|
|
72
|
+
semanticRole: "data",
|
|
73
|
+
bindable: false
|
|
74
|
+
}
|
|
75
|
+
],
|
|
76
|
+
states: ["default", "collapsed", "expanded", "docked", "dragging"],
|
|
77
|
+
examples: [
|
|
78
|
+
{
|
|
79
|
+
id: "basic",
|
|
80
|
+
title: "Basico",
|
|
81
|
+
file: "apps/showcase/src/app/components/sg-toolbar/samples/basico.tsx.sample",
|
|
82
|
+
kind: "sample"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
id: "playground",
|
|
86
|
+
title: "Playground",
|
|
87
|
+
file: "apps/showcase/src/app/components/sg-toolbar/sg-toolbar.tsx.playground",
|
|
88
|
+
kind: "playground"
|
|
89
|
+
}
|
|
90
|
+
],
|
|
91
|
+
showcase: {
|
|
92
|
+
route: "/components/sg-toolbar",
|
|
93
|
+
hasPlayground: true,
|
|
94
|
+
hasPropsTable: true
|
|
95
|
+
},
|
|
96
|
+
sdui: {
|
|
97
|
+
rendererType: "navigation.toolbar",
|
|
98
|
+
acceptsDataBinding: true,
|
|
99
|
+
defaultProps: {
|
|
100
|
+
dockZone: "free",
|
|
101
|
+
draggable: false,
|
|
102
|
+
collapsible: true
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
export const aiHints = {
|
|
107
|
+
version: "0.1",
|
|
108
|
+
preferredUseCases: [
|
|
109
|
+
"Agrupar acoes frequentes em uma faixa horizontal ou vertical persistente.",
|
|
110
|
+
"Toolbars contextuais com suporte a colapso, arraste e encaixe.",
|
|
111
|
+
"Ambientes de trabalho, editores e dashboards com comandos recorrentes."
|
|
112
|
+
],
|
|
113
|
+
avoidUseCases: [
|
|
114
|
+
"Navegacao hierarquica de aplicacao; nesses casos prefira SgMenu.",
|
|
115
|
+
"Acoes isoladas simples; nesses casos prefira SgButton.",
|
|
116
|
+
"Agrupamento de conteudo sem acoes."
|
|
117
|
+
],
|
|
118
|
+
synonyms: ["toolbar", "action bar", "command bar", "floating toolbar"],
|
|
119
|
+
relatedEntityFields: ["toolbar", "actionsBar", "quickCommands", "editorToolbar"],
|
|
120
|
+
compositionHints: [
|
|
121
|
+
"Usar com SgToolbarIconButton e SgButton para compor acoes.",
|
|
122
|
+
"Combinar com SgPanel, SgCard e SgMenu em layouts de trabalho."
|
|
123
|
+
],
|
|
124
|
+
rankingSignals: {
|
|
125
|
+
freeText: 0,
|
|
126
|
+
structuredChoice: 0.1,
|
|
127
|
+
date: 0,
|
|
128
|
+
number: 0,
|
|
129
|
+
denseLayout: 0.9
|
|
130
|
+
}
|
|
131
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgToolbarIconButton.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgToolbarIconButton.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "action.toolbar-icon-button",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgToolbarIconButton",
|
|
6
|
+
slug: "sg-toolbar-icon-button",
|
|
7
|
+
displayName: "SgToolbarIconButton",
|
|
8
|
+
category: "action",
|
|
9
|
+
subcategory: "toolbar-icon-button",
|
|
10
|
+
description: "Botao compacto para toolbars com icone, label opcional, hint, loading e severidade visual.",
|
|
11
|
+
tags: ["action", "toolbar", "icon-button", "compact-action", "shortcut"],
|
|
12
|
+
capabilities: ["icon-action", "compact-toolbar-action", "loading", "hint", "severity"],
|
|
13
|
+
fieldSemantics: ["toolbarAction", "iconAction", "shortcutAction", "quickAction"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "icon", type: "ReactNode | string", description: "Icone principal exibido no botao.", semanticRole: "label", bindable: true },
|
|
16
|
+
{ name: "label", type: "string", description: "Rotulo textual da acao.", semanticRole: "label", bindable: true },
|
|
17
|
+
{ name: "hint", type: "string", description: "Texto auxiliar usado como dica contextual.", semanticRole: "label", bindable: true },
|
|
18
|
+
{ name: "showLabel", type: "boolean", default: false, description: "Exibe o rotulo junto do icone quando suportado pela toolbar.", semanticRole: "appearance", bindable: true },
|
|
19
|
+
{ name: "loading", type: "boolean", default: false, description: "Indica processamento em andamento.", semanticRole: "behavior", bindable: true },
|
|
20
|
+
{ name: "severity", type: '"primary" | "secondary" | "success" | "info" | "warning" | "help" | "danger" | "plain"', default: "plain", description: "Tom visual do botao de toolbar.", semanticRole: "appearance", bindable: true },
|
|
21
|
+
{ name: "disabled", type: "boolean", default: false, description: "Desabilita interacao.", semanticRole: "behavior", bindable: true },
|
|
22
|
+
{ name: "onClick", type: "() => void | Promise<void>", description: "Callback executado ao clicar no item.", semanticRole: "event", bindable: false }
|
|
23
|
+
],
|
|
24
|
+
states: ["default", "disabled", "loading"],
|
|
25
|
+
examples: [{ id: "basic", title: "Basico", file: "apps/showcase/src/app/components/sg-toolbar/samples/basico.tsx.sample", kind: "sample" }],
|
|
26
|
+
showcase: { route: "/components/sg-toolbar", hasPlayground: true, hasPropsTable: true },
|
|
27
|
+
sdui: { rendererType: "action.toolbar-icon-button", acceptsDataBinding: true, defaultProps: { showLabel: false, severity: "plain", disabled: false } }
|
|
28
|
+
};
|
|
29
|
+
export const aiHints = {
|
|
30
|
+
version: "0.1",
|
|
31
|
+
preferredUseCases: [
|
|
32
|
+
"Acoes compactas em toolbars com predominancia visual de icone.",
|
|
33
|
+
"Atalhos de navegacao ou comando rapido em barras horizontais e verticais.",
|
|
34
|
+
"Botoes de baixo peso para filtros, refresh, configuracoes e utilitarios."
|
|
35
|
+
],
|
|
36
|
+
avoidUseCases: [
|
|
37
|
+
"Acoes primarias de formulario; nesses casos prefira SgButton ou SplitButton.",
|
|
38
|
+
"Agrupamento estrutural; nesses casos prefira ToolBar ou Panel.",
|
|
39
|
+
"Menus complexos com muitas opcoes textuais; nesses casos prefira Menu ou DockMenu."
|
|
40
|
+
],
|
|
41
|
+
synonyms: ["toolbar icon button", "icon action", "quick toolbar action", "shortcut button"],
|
|
42
|
+
relatedEntityFields: ["action", "toolbarAction", "shortcut", "command"],
|
|
43
|
+
compositionHints: [
|
|
44
|
+
"Usar dentro de SgToolBar em cenarios de workspace e dashboards.",
|
|
45
|
+
"Combinar com DockLayout e DockScreen para acoes contextuais por zona."
|
|
46
|
+
],
|
|
47
|
+
rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.88 }
|
|
48
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgTreeView.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgTreeView.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA0GpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "navigation.tree",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgTreeView",
|
|
6
|
+
slug: "sg-tree-view",
|
|
7
|
+
displayName: "SgTreeView",
|
|
8
|
+
category: "navigation",
|
|
9
|
+
subcategory: "tree-view",
|
|
10
|
+
description: "Navegacao hierarquica para estruturas em arvore com expansao, selecao, busca, checkboxes e suporte a dados aninhados.",
|
|
11
|
+
tags: ["navigation", "tree", "hierarchy", "selection", "search"],
|
|
12
|
+
capabilities: ["hierarchical-navigation", "node-selection", "checkboxes", "search", "expand-collapse", "json-mapping"],
|
|
13
|
+
fieldSemantics: ["hierarchy", "tree", "nestedNavigation", "permissionTree", "categoryTree"],
|
|
14
|
+
props: [
|
|
15
|
+
{
|
|
16
|
+
name: "nodes",
|
|
17
|
+
type: "SgTreeNode[]",
|
|
18
|
+
required: true,
|
|
19
|
+
description: "Lista hierarquica de nos exibidos pela arvore.",
|
|
20
|
+
semanticRole: "data",
|
|
21
|
+
bindable: true
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: "selectionMode",
|
|
25
|
+
type: '"single" | "multiple" | "checkbox"',
|
|
26
|
+
default: "single",
|
|
27
|
+
description: "Modo principal de selecao dos nos.",
|
|
28
|
+
semanticRole: "behavior",
|
|
29
|
+
bindable: true
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
name: "selectedIds",
|
|
33
|
+
type: "string[]",
|
|
34
|
+
description: "Nos selecionados de forma controlada.",
|
|
35
|
+
semanticRole: "value",
|
|
36
|
+
bindable: true
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
name: "checkedIds",
|
|
40
|
+
type: "string[]",
|
|
41
|
+
description: "Nos marcados em cenarios de checkbox tree.",
|
|
42
|
+
semanticRole: "value",
|
|
43
|
+
bindable: true
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
name: "searchable",
|
|
47
|
+
type: "boolean",
|
|
48
|
+
default: false,
|
|
49
|
+
description: "Habilita campo interno de busca para filtrar nos.",
|
|
50
|
+
semanticRole: "behavior",
|
|
51
|
+
bindable: true
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
name: "expandAllByDefault",
|
|
55
|
+
type: "boolean",
|
|
56
|
+
default: false,
|
|
57
|
+
description: "Expande a arvore inteira na montagem inicial.",
|
|
58
|
+
semanticRole: "behavior",
|
|
59
|
+
bindable: true
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
name: "size",
|
|
63
|
+
type: '"sm" | "md" | "lg"',
|
|
64
|
+
default: "md",
|
|
65
|
+
description: "Escala visual da arvore e dos itens.",
|
|
66
|
+
semanticRole: "appearance",
|
|
67
|
+
bindable: true
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
name: "onSelectionChange",
|
|
71
|
+
type: "(ids: string[]) => void",
|
|
72
|
+
description: "Callback disparado quando a selecao muda.",
|
|
73
|
+
semanticRole: "event",
|
|
74
|
+
bindable: false
|
|
75
|
+
}
|
|
76
|
+
],
|
|
77
|
+
states: ["default", "searching", "expanded", "collapsed", "selected", "checked"],
|
|
78
|
+
examples: [
|
|
79
|
+
{
|
|
80
|
+
id: "basic",
|
|
81
|
+
title: "Basico",
|
|
82
|
+
file: "apps/showcase/src/app/components/sg-tree-view/samples/basico.tsx.sample",
|
|
83
|
+
kind: "sample"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
id: "playground",
|
|
87
|
+
title: "Playground",
|
|
88
|
+
file: "apps/showcase/src/app/components/sg-tree-view/sg-tree-view.tsx.playground",
|
|
89
|
+
kind: "playground"
|
|
90
|
+
}
|
|
91
|
+
],
|
|
92
|
+
showcase: {
|
|
93
|
+
route: "/components/sg-tree-view",
|
|
94
|
+
hasPlayground: true,
|
|
95
|
+
hasPropsTable: true
|
|
96
|
+
},
|
|
97
|
+
sdui: {
|
|
98
|
+
rendererType: "navigation.tree",
|
|
99
|
+
acceptsDataBinding: true,
|
|
100
|
+
defaultProps: {
|
|
101
|
+
selectionMode: "single",
|
|
102
|
+
searchable: false,
|
|
103
|
+
expandAllByDefault: false
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
export const aiHints = {
|
|
108
|
+
version: "0.1",
|
|
109
|
+
preferredUseCases: [
|
|
110
|
+
"Navegar estruturas hierarquicas como permissoes, categorias e menus aninhados.",
|
|
111
|
+
"Selecionar ou marcar nos em arvores administrativas e exploradores de estrutura.",
|
|
112
|
+
"Exibir relacoes pai-filho com busca e expansao progressiva."
|
|
113
|
+
],
|
|
114
|
+
avoidUseCases: [
|
|
115
|
+
"Listas planas simples; nesses casos prefira listas, tabelas ou selects.",
|
|
116
|
+
"Acoes primarias; nesses casos prefira componentes de botao.",
|
|
117
|
+
"Containers de layout sem hierarquia; nesses casos prefira Panel, Card ou Stack."
|
|
118
|
+
],
|
|
119
|
+
synonyms: ["tree view", "hierarchy tree", "permission tree", "navigation tree"],
|
|
120
|
+
relatedEntityFields: ["categories", "permissions", "tree", "folders", "menuTree"],
|
|
121
|
+
compositionHints: [
|
|
122
|
+
"Usar com SgCard ou SgPanel em sidebars e telas administrativas.",
|
|
123
|
+
"Combinar com SgButton e dialogs em fluxos de selecao ou configuracao."
|
|
124
|
+
],
|
|
125
|
+
rankingSignals: {
|
|
126
|
+
freeText: 0,
|
|
127
|
+
structuredChoice: 0.8,
|
|
128
|
+
date: 0,
|
|
129
|
+
number: 0,
|
|
130
|
+
denseLayout: 0.85
|
|
131
|
+
}
|
|
132
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgDockMenu.meta.d.ts","sourceRoot":"","sources":["../../src/menus/SgDockMenu.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA6GpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}
|