@gipisistemas/ngx-core 1.0.22 → 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

@@ -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 }); }