@gipisistemas/ngx-core 1.0.21 → 1.0.23

package/components/expansion-panel/expansion-panel.scss

@@ -8,6 +8,7 @@
     $white-100: utils.get-color($theme, white, 100);
     $secondary-50: utils.get-color($theme, secondary, 50);
     $secondary-100: utils.get-color($theme, secondary, 100);
+    $secondary-600: utils.get-color($theme, secondary, 600);
     $black-300: utils.get-color($theme, black, 300);
 
     .g-expansion-panel {
@@ -74,6 +75,16 @@
                     font-weight: 700 !important;
                     line-height: 2rem !important;
                     letter-spacing: normal !important;
+
+                    .g-expansion-panel-required {
+                        margin-left: 0.8rem !important;
+                        padding: 0.2rem 0.8rem !important;
+                        font-size: 1.2rem !important;
+                        line-height: 1.6rem !important;
+                        color: $secondary-600 !important;
+                        background: $secondary-100 !important;
+                        border-radius: 9999px !important;
+                    }
                 }
 
                 .g-expansion-panel-icon {

package/fesm2022/gipisistemas-ngx-core.mjs

@@ -4458,7 +4458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * const userId = useRouteParam('id');
  * ```
  */
-function useRouteParams(paramName) {
+function useRouteParam(paramName) {
     const route = inject(ActivatedRoute);
     return toSignal(route.paramMap.pipe(map((pm) => pm.get(paramName))), {
         initialValue: route.snapshot.paramMap.get(paramName),
@@ -4491,6 +4491,7 @@ class BaseFormComponent extends BaseComponent {
     constructor(service) {
         super();
         this.service = service;
+        this.id = useRouteParam('id');
         this._entity = this.newEntity();
     }
     /**
@@ -4519,10 +4520,9 @@ class BaseFormComponent extends BaseComponent {
      */
     onInitForm(version) {
         this.loading.set(true);
-        const id = useRouteParams('id');
-        if (UUIDUtil.isValid(id())) {
+        if (UUIDUtil.isValid(this.id())) {
             this.service
-                .getOne(id(), version)
+                .getOne(this.id(), version)
                 .pipe(takeUntilDestroyed(this.destroyRef), finalize$1(() => this.loading.set(false)))
                 .subscribe({
                 next: (entity) => {
@@ -13707,6 +13707,7 @@ class ExpansionPanel {
         this.name = input(this._uniqueId, ...(ngDevMode ? [{ debugName: "name" }] : []));
         this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
         this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         this.initState = input('collapsed', ...(ngDevMode ? [{ debugName: "initState" }] : []));
         this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
         this.svgIcon = input('', ...(ngDevMode ? [{ debugName: "svgIcon" }] : []));
@@ -13745,7 +13746,7 @@ class ExpansionPanel {
         this.expansionPanel()?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExpansionPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ExpansionPanel, isStandalone: true, selector: "gipi-expansion-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, initState: { classPropertyName: "initState", publicName: "initState", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, svgIcon: { classPropertyName: "svgIcon", publicName: "svgIcon", isSignal: true, isRequired: false, transformFunction: null }, iconFontSet: { classPropertyName: "iconFontSet", publicName: "iconFontSet", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, iconVariation: { classPropertyName: "iconVariation", publicName: "iconVariation", isSignal: true, isRequired: false, transformFunction: null }, iconWeight: { classPropertyName: "iconWeight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, iconGrade: { classPropertyName: "iconGrade", publicName: "grade", isSignal: true, isRequired: false, transformFunction: null }, iconOptical: { classPropertyName: "iconOptical", publicName: "optical", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickEvent: "click", onFocusEvent: "focus", onBlurEvent: "blur", onOpenedEvent: "opened", onClosedEvent: "closed" }, host: { properties: { "attr.id": "id()", "attr.name": "name()" }, classAttribute: "g-expansion-panel" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ["expansionPanel"], descendants: true, isSignal: true }], exportAs: ["gExpansionPanel"], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ExpansionPanel, isStandalone: true, selector: "gipi-expansion-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, initState: { classPropertyName: "initState", publicName: "initState", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, svgIcon: { classPropertyName: "svgIcon", publicName: "svgIcon", isSignal: true, isRequired: false, transformFunction: null }, iconFontSet: { classPropertyName: "iconFontSet", publicName: "iconFontSet", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, iconVariation: { classPropertyName: "iconVariation", publicName: "iconVariation", isSignal: true, isRequired: false, transformFunction: null }, iconWeight: { classPropertyName: "iconWeight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, iconGrade: { classPropertyName: "iconGrade", publicName: "grade", isSignal: true, isRequired: false, transformFunction: null }, iconOptical: { classPropertyName: "iconOptical", publicName: "optical", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClickEvent: "click", onFocusEvent: "focus", onBlurEvent: "blur", onOpenedEvent: "opened", onClosedEvent: "closed" }, host: { properties: { "attr.id": "id()", "attr.name": "name()" }, classAttribute: "g-expansion-panel" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ["expansionPanel"], descendants: true, isSignal: true }], exportAs: ["gExpansionPanel"], ngImport: i0, template: `
         <mat-accordion
             displayMode="default"
             [multi]="true"
@@ -13762,7 +13763,12 @@ class ExpansionPanel {
                 (blur)="onBlurEvent.emit($event)"
             >
                 <mat-expansion-panel-header>
-                    <mat-panel-title>{{ label() }}</mat-panel-title>
+                    <mat-panel-title>
+                        {{ label() }}
+                        @if (required()) {
+                            <span class="g-expansion-panel-required">Obrigatório</span>
+                        }
+                    </mat-panel-title>
 
                     @if (icon() || svgIcon()) {
                         <gipi-icon
@@ -13803,7 +13809,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 (blur)="onBlurEvent.emit($event)"
             >
                 <mat-expansion-panel-header>
-                    <mat-panel-title>{{ label() }}</mat-panel-title>
+                    <mat-panel-title>
+                        {{ label() }}
+                        @if (required()) {
+                            <span class="g-expansion-panel-required">Obrigatório</span>
+                        }
+                    </mat-panel-title>
 
                     @if (icon() || svgIcon()) {
                         <gipi-icon
@@ -13828,7 +13839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         '[attr.name]': 'name()',
                         class: 'g-expansion-panel',
                     }, standalone: true, imports: [MatExpansionModule, IconModule] }]
-        }], ctorParameters: () => [], propDecorators: { expansionPanel: [{ type: i0.ViewChild, args: ['expansionPanel', { isSignal: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], initState: [{ type: i0.Input, args: [{ isSignal: true, alias: "initState", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], svgIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "svgIcon", required: false }] }], iconFontSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconFontSet", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], iconVariation: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconVariation", required: false }] }], iconWeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "weight", required: false }] }], iconGrade: [{ type: i0.Input, args: [{ isSignal: true, alias: "grade", required: false }] }], iconOptical: [{ type: i0.Input, args: [{ isSignal: true, alias: "optical", required: false }] }], onClickEvent: [{ type: i0.Output, args: ["click"] }], onFocusEvent: [{ type: i0.Output, args: ["focus"] }], onBlurEvent: [{ type: i0.Output, args: ["blur"] }], onOpenedEvent: [{ type: i0.Output, args: ["opened"] }], onClosedEvent: [{ type: i0.Output, args: ["closed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { expansionPanel: [{ type: i0.ViewChild, args: ['expansionPanel', { isSignal: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], initState: [{ type: i0.Input, args: [{ isSignal: true, alias: "initState", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], svgIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "svgIcon", required: false }] }], iconFontSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconFontSet", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], iconVariation: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconVariation", required: false }] }], iconWeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "weight", required: false }] }], iconGrade: [{ type: i0.Input, args: [{ isSignal: true, alias: "grade", required: false }] }], iconOptical: [{ type: i0.Input, args: [{ isSignal: true, alias: "optical", required: false }] }], onClickEvent: [{ type: i0.Output, args: ["click"] }], onFocusEvent: [{ type: i0.Output, args: ["focus"] }], onBlurEvent: [{ type: i0.Output, args: ["blur"] }], onOpenedEvent: [{ type: i0.Output, args: ["opened"] }], onClosedEvent: [{ type: i0.Output, args: ["closed"] }] } });
 
 class ExpansionPanelModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -24494,5 +24505,5 @@ function useRouteQueryParamsMap() {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionRow, ActionRowModule, AllowedPublicRoutesToken, AppMessagesToken, ArrayUtil, AutoFocusDirective, AutoFocusModule, Avatar, AvatarModule, BaseAppliedFilter, BaseAuthService, BaseAuthServiceToken, BaseAuthorityModel, BaseComponent, BaseControlValueAccessor, BaseCrudService, BaseFilterModel, BaseFormComponent, BaseFormDialogComponent, BaseFormDialogDataModel, BaseInput, BaseListComponent, BaseListDialogComponent, BaseListDialogDataModel, BaseMenuModel, BaseModel, BasePageModel, BaseQueryParams, BaseReportComponent, BaseService, BaseSortModel, BaseTokenModel, BaseUserModel, Button, ButtonGroup, ButtonGroupModule, ButtonModule, CAPITALIZE_ACRONYMS, CAPITALIZE_PREPOSITIONS, CURRENCY_OPTIONS_DEFAULT, CacheableService, Checkbox, CheckboxGroup, CheckboxModule, Chips, ChipsModule, ConfirmDialog, ConfirmDialogIcon, ConfirmDialogModel, ConfirmDialogModule, ConfirmDialogService, CssUtil, CurrencyDirective, CurrencyModule, CurrencyUtil, DEFAULT_MESSAGES, DatePicker, DatePickerModule, DateUtil, Debounce, DialogConfig, DialogService, DisableAutoFillDirective, DocumentPipe, DocumentUtil, EchartsConfigToken, EchartsDirective, EchartsModule, EmailUtil, Empty, EmptyModule, ExpansionPanel, ExpansionPanelModule, Fieldset, FieldsetModule, FileDragAndDrop, FileDragAndDropModule, FileSaverService, FilterListbox, FilterListboxModule, FilterPersistenceService, FilterService, FilterURLService, FlexLayoutDirective, FlexLayoutModule, FormField, FormFieldErrors, FormFieldInputDirective, FormFieldModule, FormFieldPrefixDirective, FormFieldSuffixDirective, FormWrapper, FormWrapperDialog, FormWrapperModule, HelpfulTip, HelpfulTipModule, Icon, IconModule, Input, InputCurrency, InputCurrencyModule, InputFile, InputFileModule, InputGroup, InputGroupAddon, InputGroupModule, InputModule, InputPhone, InputPhoneModule, Label, LabelModule, Loading, LoadingModule, LocalStorageToken, Lozenge, LozengeModule, MoneyPipe, NomalizeTextPipe, NumberToWordsUtil, NumberUtil, ObjectUtil, PAGINATOR_INTL_PT_BR, PageAdjustService, Paginator, PaginatorIntlToken, PaginatorModule, PaginatorPipe, PasswordRequirements, PasswordRequirementsModule, PasswordValidationUtil, PdfViewer, PdfViewerDialog, PdfViewerDialogModel, PdfViewerDialogModule, PdfViewerService, PhoneUtil, Popover, PopoverModule, PopoverTargetDirective, PopoverTriggerDirective, RadioGroup, RadioGroupModule, STATES_DATA, ScrollFadeDirective, ScrollFadeModule, SelectClientSide, SelectEnum, SelectModule, SelectServerSide, SessionStorageToken, Sidenav, SidenavContainer, SidenavContent, SidenavMenuItem, SidenavModule, Skeleton, SkeletonModule, SplitButton, SplitButtonModule, StateUtil, Step, Stepper, StepperModule, StringUtil, SvgRegisterService, Tab, TabGroup, Table, TableColumn, TableColumnBuilder, TableMenuItemContext, TableMenuItemContextBuilder, TableModule, TabsModule, Tag, TagModule, TextCapitalizeDirective, TextCapitalizeModule, TextEllipsisDirective, TextEllipsisModule, Textarea, TextareaModule, Toast, ToastIcon, ToastModel, ToastModule, ToastService, ToggleSwitch, ToggleSwitchModule, Toolbar, ToolbarModule, TooltipDirective, TooltipModule, TopNav, TopNavModule, TreeTable, TreeTableColumn, TreeTableColumnBuilder, TreeTableMenuItemContext, TreeTableMenuItemContextBuilder, TreeTableModule, UUIDUtil, UserProfile, UserProfileModule, animationFlyInOut, authChildGuard, authGuard, authInterceptor, eConfirmDialogTypes, eCurrencyInputMode, eMenuType, eSortDirection, eToastTypes, eTypeOperationCloseDialogEnum, eTypeOperationDialog, entityFilterSignal, errorInterceptor, filterSignal, provideAllowedPublicRoutes, provideAppMessages, provideBaseAuthService, provideEchartsCore, providePaginatorIntl, provideValueAccessor, publicChildGuard, publicGuard, rotateAnimation, rotateArrowTreeTableExpand, stateNamesMap, transformFilterSignal, useFilterPersistence, useLinkedFilter, useRouteParams, useRouteParamsMap, useRouteQueryParams, useRouteQueryParamsMap, useSearch };
+export { ActionRow, ActionRowModule, AllowedPublicRoutesToken, AppMessagesToken, ArrayUtil, AutoFocusDirective, AutoFocusModule, Avatar, AvatarModule, BaseAppliedFilter, BaseAuthService, BaseAuthServiceToken, BaseAuthorityModel, BaseComponent, BaseControlValueAccessor, BaseCrudService, BaseFilterModel, BaseFormComponent, BaseFormDialogComponent, BaseFormDialogDataModel, BaseInput, BaseListComponent, BaseListDialogComponent, BaseListDialogDataModel, BaseMenuModel, BaseModel, BasePageModel, BaseQueryParams, BaseReportComponent, BaseService, BaseSortModel, BaseTokenModel, BaseUserModel, Button, ButtonGroup, ButtonGroupModule, ButtonModule, CAPITALIZE_ACRONYMS, CAPITALIZE_PREPOSITIONS, CURRENCY_OPTIONS_DEFAULT, CacheableService, Checkbox, CheckboxGroup, CheckboxModule, Chips, ChipsModule, ConfirmDialog, ConfirmDialogIcon, ConfirmDialogModel, ConfirmDialogModule, ConfirmDialogService, CssUtil, CurrencyDirective, CurrencyModule, CurrencyUtil, DEFAULT_MESSAGES, DatePicker, DatePickerModule, DateUtil, Debounce, DialogConfig, DialogService, DisableAutoFillDirective, DocumentPipe, DocumentUtil, EchartsConfigToken, EchartsDirective, EchartsModule, EmailUtil, Empty, EmptyModule, ExpansionPanel, ExpansionPanelModule, Fieldset, FieldsetModule, FileDragAndDrop, FileDragAndDropModule, FileSaverService, FilterListbox, FilterListboxModule, FilterPersistenceService, FilterService, FilterURLService, FlexLayoutDirective, FlexLayoutModule, FormField, FormFieldErrors, FormFieldInputDirective, FormFieldModule, FormFieldPrefixDirective, FormFieldSuffixDirective, FormWrapper, FormWrapperDialog, FormWrapperModule, HelpfulTip, HelpfulTipModule, Icon, IconModule, Input, InputCurrency, InputCurrencyModule, InputFile, InputFileModule, InputGroup, InputGroupAddon, InputGroupModule, InputModule, InputPhone, InputPhoneModule, Label, LabelModule, Loading, LoadingModule, LocalStorageToken, Lozenge, LozengeModule, MoneyPipe, NomalizeTextPipe, NumberToWordsUtil, NumberUtil, ObjectUtil, PAGINATOR_INTL_PT_BR, PageAdjustService, Paginator, PaginatorIntlToken, PaginatorModule, PaginatorPipe, PasswordRequirements, PasswordRequirementsModule, PasswordValidationUtil, PdfViewer, PdfViewerDialog, PdfViewerDialogModel, PdfViewerDialogModule, PdfViewerService, PhoneUtil, Popover, PopoverModule, PopoverTargetDirective, PopoverTriggerDirective, RadioGroup, RadioGroupModule, STATES_DATA, ScrollFadeDirective, ScrollFadeModule, SelectClientSide, SelectEnum, SelectModule, SelectServerSide, SessionStorageToken, Sidenav, SidenavContainer, SidenavContent, SidenavMenuItem, SidenavModule, Skeleton, SkeletonModule, SplitButton, SplitButtonModule, StateUtil, Step, Stepper, StepperModule, StringUtil, SvgRegisterService, Tab, TabGroup, Table, TableColumn, TableColumnBuilder, TableMenuItemContext, TableMenuItemContextBuilder, TableModule, TabsModule, Tag, TagModule, TextCapitalizeDirective, TextCapitalizeModule, TextEllipsisDirective, TextEllipsisModule, Textarea, TextareaModule, Toast, ToastIcon, ToastModel, ToastModule, ToastService, ToggleSwitch, ToggleSwitchModule, Toolbar, ToolbarModule, TooltipDirective, TooltipModule, TopNav, TopNavModule, TreeTable, TreeTableColumn, TreeTableColumnBuilder, TreeTableMenuItemContext, TreeTableMenuItemContextBuilder, TreeTableModule, UUIDUtil, UserProfile, UserProfileModule, animationFlyInOut, authChildGuard, authGuard, authInterceptor, eConfirmDialogTypes, eCurrencyInputMode, eMenuType, eSortDirection, eToastTypes, eTypeOperationCloseDialogEnum, eTypeOperationDialog, entityFilterSignal, errorInterceptor, filterSignal, provideAllowedPublicRoutes, provideAppMessages, provideBaseAuthService, provideEchartsCore, providePaginatorIntl, provideValueAccessor, publicChildGuard, publicGuard, rotateAnimation, rotateArrowTreeTableExpand, stateNamesMap, transformFilterSignal, useFilterPersistence, useLinkedFilter, useRouteParam, useRouteParamsMap, useRouteQueryParams, useRouteQueryParamsMap, useSearch };
 //# sourceMappingURL=gipisistemas-ngx-core.mjs.map