@gipisistemas/ngx-core 1.0.22 → 1.0.24

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/components/toggle-group/toggle-group.scss

@@ -0,0 +1,95 @@
+@use '../../theming/utils' as utils;
+
+@mixin toggle-group-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+
+    $white-100: utils.get-color($theme, white, 100);
+    $secondary-50: utils.get-color($theme, secondary, 50);
+    $secondary-100: utils.get-color($theme, secondary, 100);
+    $primary-500: utils.get-color($theme, primary, 500);
+    $primary-600: utils.get-color($theme, primary, 500);
+
+    .g-toggle-group {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        font-family: $font-family;
+        color: $font-color;
+        width: 100%;
+        flex: 1;
+    }
+
+    .g-toggle-group-control {
+        --toggle-group-gap: 0.4rem;
+
+        display: flex;
+        align-items: stretch;
+        width: 100%;
+        border-radius: 0.8rem;
+        padding: var(--toggle-group-gap);
+        background: $secondary-50;
+        overflow: hidden;
+        position: relative;
+
+        &.is-empty {
+            min-height: 4rem;
+        }
+
+        &.is-disabled {
+            opacity: 0.7;
+        }
+
+        .g-toggle-group-control-input {
+            display: none;
+        }
+
+        .g-toggle-group-control-label {
+            position: relative;
+            z-index: 2;
+            flex: 1;
+            text-align: center;
+            padding: 0.4rem 1.2rem;
+            font-size: $font-size;
+            color: $font-color;
+            font-weight: 500;
+            cursor: pointer;
+            user-select: none;
+            white-space: nowrap;
+            transition:
+                color 0.3s ease,
+                opacity 0.2s ease;
+
+            &.is-selected {
+                color: $white-100;
+            }
+
+            &.is-disabled {
+                cursor: not-allowed;
+                text-decoration: line-through;
+                color: $secondary-100;
+            }
+        }
+
+        .g-toggle-group-control-slider {
+            position: absolute;
+            z-index: 1;
+            top: var(--toggle-group-gap);
+            left: var(--toggle-group-gap);
+            height: calc(100% - (var(--toggle-group-gap) * 2));
+            border-radius: 0.6rem;
+            background-color: $primary-500;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
+
+            &.is-disabled {
+                background-color: $secondary-100;
+            }
+
+            &:not(.is-disabled):hover {
+                background-color: $primary-600;
+            }
+        }
+    }
+}

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 }); }
@@ -22272,6 +22283,203 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+class ToggleGroup extends BaseControlValueAccessor {
+    constructor() {
+        super();
+        this._controlId = inject(_IdGenerator).getId('gipi-toggle-group-control-');
+        this._uniqueId = inject(_IdGenerator).getId('gipi-toggle-group-');
+        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        this.help = input('', ...(ngDevMode ? [{ debugName: "help" }] : []));
+        this.hintLabel = input('', ...(ngDevMode ? [{ debugName: "hintLabel" }] : []));
+        this.options = input.required(...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.onFocus = output({ alias: 'focus' });
+        this.onBlur = output({ alias: 'blur' });
+        this.onKeydown = output({ alias: 'keydown' });
+        this.onChange = output({ alias: 'change' });
+        this.selectedIndex = computed(() => {
+            const index = this.options().findIndex((option) => option.value === this.value());
+            return index >= 0 ? index : 0;
+        }, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
+        this.selectedOption = computed(() => this.options().find((option) => option.value === this.value()) ?? null, ...(ngDevMode ? [{ debugName: "selectedOption" }] : []));
+        this.sliderWidth = computed(() => {
+            const options = this.options();
+            if (!options.length) {
+                return '0px';
+            }
+            return `calc((100% - 8px) / ${options.length})`;
+        }, ...(ngDevMode ? [{ debugName: "sliderWidth" }] : []));
+        this.sliderTransform = computed(() => `translateX(${this.selectedIndex() * 100}%)`, ...(ngDevMode ? [{ debugName: "sliderTransform" }] : []));
+    }
+    writeControlValue(value, setModelValue) {
+        const firstValue = this._firstEnabledOptionValue();
+        if (!value) {
+            this.value.set(firstValue);
+            if (setModelValue) {
+                setModelValue(value);
+            }
+            this._changeDetectorRef.markForCheck();
+            return;
+        }
+        const selectedOption = this.options().find((opt) => opt.value === this.value());
+        if (selectedOption?.disabled) {
+            this.value.set(firstValue);
+            if (setModelValue) {
+                setModelValue(value);
+            }
+            this._changeDetectorRef.markForCheck();
+            return;
+        }
+        this.value.set(value);
+        if (setModelValue) {
+            setModelValue(value);
+        }
+        this._changeDetectorRef.markForCheck();
+    }
+    _firstEnabledOptionValue() {
+        const firstEnabledOption = this.options().find((option) => !option.disabled);
+        return firstEnabledOption?.value ?? null;
+    }
+    isOptionDisabled(option) {
+        if (ObjectUtil.isEmpty(option)) {
+            return false;
+        }
+        if (this.$disabled()) {
+            return true;
+        }
+        if (typeof option.disabled === 'function') {
+            return option.disabled(option);
+        }
+        return !!option.disabled;
+    }
+    onHandleOptionClick(option) {
+        if (this.$disabled() || this.isOptionDisabled(option)) {
+            return;
+        }
+        if (this.value() === option.value) {
+            this._onTouched();
+            return;
+        }
+        this.notifyValueChange(option.value);
+        this.markAsTouched();
+        this._changeDetectorRef.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ToggleGroup, isStandalone: true, selector: "gipi-toggle-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, hintLabel: { classPropertyName: "hintLabel", publicName: "hintLabel", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onFocus: "focus", onBlur: "blur", onKeydown: "keydown", onChange: "change" }, host: { properties: { "attr.id": "id()", "attr.name": "name()", "class.g-toggle-group-disabled": "$disabled()" }, classAttribute: "g-toggle-group" }, providers: [provideValueAccessor(ToggleGroup)], exportAs: ["gToggleGroup"], usesInheritance: true, ngImport: i0, template: `
+        @if (label()) {
+            <gipi-label
+                [controlId]="_controlId"
+                [label]="label()"
+                [help]="help()"
+                [required]="required()"
+            />
+        }
+
+        <div
+            class="g-toggle-group-control"
+            [class.is-empty]="!options().length"
+            [class.is-disabled]="$disabled()"
+        >
+            @for (option of options(); track option.value) {
+                <input
+                    class="g-toggle-group-control-input"
+                    type="radio"
+                    [id]="name() + '-' + $index"
+                    [name]="name()"
+                    [checked]="value() === option.value"
+                    [disabled]="isOptionDisabled(option)"
+                    (change)="onHandleOptionClick(option)"
+                />
+
+                <label
+                    class="g-toggle-group-control-label"
+                    [for]="name() + '-' + $index"
+                    [class.is-selected]="value() === option.value"
+                    [class.is-disabled]="isOptionDisabled(option)"
+                >
+                    {{ option.label }}
+                </label>
+            }
+
+            @if (!!options().length && selectedOption()) {
+                <div
+                    class="g-toggle-group-control-slider"
+                    [class.is-disabled]="selectedOption()?.disabled"
+                    [style.width]="sliderWidth()"
+                    [style.transform]="sliderTransform()"
+                ></div>
+            }
+        </div>
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: LabelModule }, { kind: "component", type: Label, selector: "gipi-label", inputs: ["id", "name", "controlId", "label", "help", "required"], exportAs: ["gLabel"] }, { kind: "ngmodule", type: HelpfulTipModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToggleGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'gipi-toggle-group', exportAs: 'gToggleGroup', template: `
+        @if (label()) {
+            <gipi-label
+                [controlId]="_controlId"
+                [label]="label()"
+                [help]="help()"
+                [required]="required()"
+            />
+        }
+
+        <div
+            class="g-toggle-group-control"
+            [class.is-empty]="!options().length"
+            [class.is-disabled]="$disabled()"
+        >
+            @for (option of options(); track option.value) {
+                <input
+                    class="g-toggle-group-control-input"
+                    type="radio"
+                    [id]="name() + '-' + $index"
+                    [name]="name()"
+                    [checked]="value() === option.value"
+                    [disabled]="isOptionDisabled(option)"
+                    (change)="onHandleOptionClick(option)"
+                />
+
+                <label
+                    class="g-toggle-group-control-label"
+                    [for]="name() + '-' + $index"
+                    [class.is-selected]="value() === option.value"
+                    [class.is-disabled]="isOptionDisabled(option)"
+                >
+                    {{ option.label }}
+                </label>
+            }
+
+            @if (!!options().length && selectedOption()) {
+                <div
+                    class="g-toggle-group-control-slider"
+                    [class.is-disabled]="selectedOption()?.disabled"
+                    [style.width]="sliderWidth()"
+                    [style.transform]="sliderTransform()"
+                ></div>
+            }
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.id]': 'id()',
+                        '[attr.name]': 'name()',
+                        '[class.g-toggle-group-disabled]': '$disabled()',
+                        class: 'g-toggle-group',
+                    }, providers: [provideValueAccessor(ToggleGroup)], imports: [LabelModule, HelpfulTipModule] }]
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], help: [{ type: i0.Input, args: [{ isSignal: true, alias: "help", required: false }] }], hintLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hintLabel", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], onFocus: [{ type: i0.Output, args: ["focus"] }], onBlur: [{ type: i0.Output, args: ["blur"] }], onKeydown: [{ type: i0.Output, args: ["keydown"] }], onChange: [{ type: i0.Output, args: ["change"] }] } });
+
+class ToggleGroupModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToggleGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: ToggleGroupModule, imports: [ToggleGroup], exports: [ToggleGroup] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToggleGroupModule, imports: [ToggleGroup] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToggleGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ToggleGroup],
+                    exports: [ToggleGroup],
+                }]
+        }] });
+
 class ToggleSwitch extends BaseControlValueAccessor {
     constructor() {
         super();
@@ -24494,5 +24702,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, useRouteParam, 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, ToggleGroup, ToggleGroupModule, 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