@gipisistemas/ngx-core 1.0.1

package/components/date-range-picker/shared/calendar/calendar.component.scss

@@ -0,0 +1,13 @@
+@use '../../../../theming/utils' as utils;
+
+@mixin calendar-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+
+    .g-calendar {
+        display: block;
+        min-width: 28rem;
+        width: 100%;
+    }
+}

package/components/date-range-picker/shared/default-preset-date-options.d.ts

@@ -0,0 +1,2 @@
+import { iSelectDateOption } from './select-date-option.interface';
+export declare const DEFAULT_PRESET_DATE_OPTIONS: iSelectDateOption[];

package/components/date-range-picker/shared/preset-key.enum.d.ts

@@ -0,0 +1,11 @@
+export declare enum ePresetKey {
+    /** Diferença de data */ DATE_DIFF = 1,
+    /** Hoje */ TODAY = 2,
+    /** Essa semana */ THIS_WEEK = 3,
+    /** Esse mês */ THIS_MONTH = 4,
+    /** Esse ano */ THIS_YEAR = 5,
+    /** Últimos 7 dias */ LAST_7_DAYS = 6,
+    /** Últimos 30 dias */ LAST_30_DAYS = 7,
+    /** Últimos 365 dias */ LAST_365_DAYS = 8,
+    /** Personalizado */ CUSTOM = 9
+}

package/components/date-range-picker/shared/range-selection-strategy.service.d.ts

@@ -0,0 +1,11 @@
+import { DateRange, MatDateRangeSelectionStrategy } from '@angular/material/datepicker';
+import * as i0 from "@angular/core";
+export declare class RangeSelectionStrategyService implements MatDateRangeSelectionStrategy<Date> {
+    private _dateAdapter;
+    constructor();
+    selectionFinished(date: Date | null, currentRange: DateRange<Date>, _event: Event): DateRange<Date>;
+    createPreview(activeDate: Date | null, currentRange: DateRange<Date>, _event: Event): DateRange<Date>;
+    createDrag?(dragOrigin: Date, originalRange: DateRange<Date>, newDate: Date, _event: Event): DateRange<Date> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeSelectionStrategyService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RangeSelectionStrategyService>;
+}

package/components/date-range-picker/shared/select-date-option.interface.d.ts

@@ -0,0 +1,32 @@
+import { DateRange } from '@angular/material/datepicker';
+import { ePresetKey } from './preset-key.enum';
+export interface iSelectDateOption {
+    /** Texto exibido na lista para seleção. */
+    label: string;
+    /** Usado para verificar data normal ou data especial. */
+    key: ePresetKey;
+    /**
+     * Diferença de data em dias.
+     *
+     * - Número positivo indica data posterior a partir de hoje.
+     * - Número negativo indica data inferior a partir de hoje.
+     */
+    dateDiff: number;
+    /** Indica se a opção está selecionada. */
+    selected: boolean;
+    /** Indica se a opção está visível na lista. */
+    visible: boolean;
+    /**
+     * Função para retornar intervalo de datas com base em `dateDiff`.
+     * @returns DateRange<Date>
+     */
+    callBackFunction: () => DateRange<Date>;
+}
+export declare class SelectDateOption implements iSelectDateOption {
+    label: string;
+    key: ePresetKey;
+    dateDiff: number;
+    selected: boolean;
+    visible: boolean;
+    callBackFunction: () => DateRange<Date>;
+}

package/components/date-range-picker/shared/selected-date-event.interface.d.ts

@@ -0,0 +1,6 @@
+import { DateRange } from '@angular/material/datepicker';
+import { iSelectDateOption } from './select-date-option.interface';
+export interface iSelectedDateEvent {
+    range: DateRange<Date> | null;
+    selectedOption: iSelectDateOption | null;
+}

package/components/datetime-picker/datetime-picker.component.d.ts

@@ -0,0 +1,68 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { DestroyRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { MtxCalendarView, MtxDatetimepickerFilterType, MtxDatetimepickerInputEvent, MtxDatetimepickerType } from '@ng-matero/extensions/datetimepicker';
+import { tFieldErrorCustomValidators } from '../field-error/shared/field-error-custom-validators.type';
+import * as i0 from "@angular/core";
+export declare class DatetimePickerComponent implements ControlValueAccessor, Validator, OnChanges {
+    protected readonly _matFormFieldUniqueId: string;
+    protected destroyRef: DestroyRef;
+    label: string;
+    placeholder: string;
+    hintLabel: string;
+    type: string;
+    disabled: BooleanInput;
+    readonly: BooleanInput;
+    required: BooleanInput;
+    min: Date | null;
+    max: Date | null;
+    help: string;
+    customErrors: tFieldErrorCustomValidators;
+    private _value;
+    get value(): Date | null;
+    set value(value: Date | null);
+    /**
+     * O estado que o calendário deveria começar.
+     * - `month`: Inicializa visualizando os dias do mês.
+     * - `year`: Inicializa visualizando os 12 meses.
+     * - `multi-year`: Inicializa visualizando os anos.
+     * - `clock`: Inicializa visualizando o relógio.
+     */
+    startView: MtxCalendarView;
+    /** Impedir que o usuário selecione a mesma data e hora */
+    preventSameDateTimeSelection: boolean;
+    /** Ao abrir o calendário essa será a data selecionada inicialmente. */
+    startAt: Date | null;
+    /** Tipo do calendario */
+    calendarType: MtxDatetimepickerType;
+    /** Interválo de tempo entre os minutos do relógio */
+    timeInterval: number;
+    mtxDatetimepickerFilter: (date: Date | null, type: MtxDatetimepickerFilterType) => boolean;
+    readonly onFocusEvent: EventEmitter<FocusEvent>;
+    readonly onKeyupEvent: EventEmitter<FocusEvent>;
+    readonly onBlurEvent: EventEmitter<FocusEvent>;
+    readonly onChangeEvent: EventEmitter<FocusEvent>;
+    readonly onOpenedEvent: EventEmitter<void>;
+    readonly onClosedEvent: EventEmitter<void>;
+    readonly onViewChangedEvent: EventEmitter<MtxCalendarView>;
+    readonly onSelectedChangedEvent: EventEmitter<Date>;
+    readonly onDateChangeEvent: EventEmitter<MtxDatetimepickerInputEvent<Date>>;
+    readonly onDateInputEvent: EventEmitter<MtxDatetimepickerInputEvent<Date>>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    _onChange: (value: Date | null) => void;
+    _onTouched: () => void;
+    _validatorChangeFn: () => void;
+    writeValue(value: Date | null): void;
+    registerOnChange(fn: (value: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    validate(control: AbstractControl<Date | null>): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerComponent, "gipi-datetime-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hintLabel": { "alias": "hintLabel"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "help": { "alias": "help"; "required": false; }; "customErrors": { "alias": "customErrors"; "required": false; }; "value": { "alias": "value"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "calendarType": { "alias": "calendarType"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "mtxDatetimepickerFilter": { "alias": "mtxDatetimepickerFilter"; "required": false; }; }, { "onFocusEvent": "focus"; "onKeyupEvent": "keyup"; "onBlurEvent": "blur"; "onChangeEvent": "change"; "onOpenedEvent": "opened"; "onClosedEvent": "closed"; "onViewChangedEvent": "viewChanged"; "onSelectedChangedEvent": "selectedChanged"; "onDateChangeEvent": "dateChange"; "onDateInputEvent": "dateInput"; }, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_timeInterval: unknown;
+}

package/components/datetime-picker/datetime-picker.component.scss

@@ -0,0 +1,28 @@
+@use '../../theming/utils' as utils;
+// @import '@ng-matero/extensions/prebuilt-themes/azure-blue.css';
+
+@mixin datetime-picker-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+
+    .g-datetime-picker-label {
+        @include utils.field-label($theme);
+    }
+
+    .g-datetime-picker {
+        @include utils.mat-form-field-reset($theme);
+
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        font-family: $font-family;
+        color: $font-color;
+        position: relative;
+        overflow: visible;
+        min-width: 0;
+        width: 100%;
+        min-height: fit-content;
+        height: fit-content;
+    }
+}

package/components/datetime-picker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './datetime-picker.component';
+export * from './shared/datetime-picker-intl';
+export * from './shared/moment-datetime-formats';

package/components/datetime-picker/shared/datetime-picker-intl.d.ts

@@ -0,0 +1,29 @@
+import { MtxDatetimepickerIntl } from '@ng-matero/extensions/datetimepicker';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class DatetimePickerIntl extends MtxDatetimepickerIntl {
+    readonly changes: Subject<void>;
+    calendarLabel: string;
+    openCalendarLabel: string;
+    closeCalendarLabel: string;
+    prevMonthLabel: string;
+    nextMonthLabel: string;
+    prevYearLabel: string;
+    nextYearLabel: string;
+    prevMultiYearLabel: string;
+    nextMultiYearLabel: string;
+    switchToMonthViewLabel: string;
+    switchToYearViewLabel: string;
+    switchToMultiYearViewLabel: string;
+    startDateLabel: string;
+    endDateLabel: string;
+    weekNumberLabel: (number: number) => string;
+    formatYearRange: (start: string, end: string) => string;
+    formatYearRangeLabel: (start: string, end: string) => string;
+    switchToClockHourViewLabel: string;
+    switchToClockMinuteViewLabel: string;
+    okLabel: string;
+    cancelLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DatetimePickerIntl>;
+}

package/components/datetime-picker/shared/moment-datetime-formats.d.ts

@@ -0,0 +1,2 @@
+import { MtxDatetimeFormats } from '@ng-matero/extensions/core';
+export declare const MOMENT_DATETIME_FORMATS: MtxDatetimeFormats;

package/components/disable-auto-fill/disable-auto-fill.directive.d.ts

@@ -0,0 +1,11 @@
+import { type OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DisableAutoFillDirective implements OnInit {
+    private readonly _elementRef;
+    private readonly _renderer;
+    disableAutoFill: string;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DisableAutoFillDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DisableAutoFillDirective, "[gDisableAutoFill]", ["gDisableAutoFill"], { "disableAutoFill": { "alias": "gDisableAutoFill"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/disable-auto-fill/index.d.ts

@@ -0,0 +1 @@
+export * from './disable-auto-fill.directive';

package/components/echarts/echarts.directive.d.ts

@@ -0,0 +1,100 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, OnInit, type SimpleChanges } from '@angular/core';
+import { ECElementEvent, ECharts, EChartsCoreOption } from 'echarts/core';
+import { tEchartsThemeOption } from './shared/echarts-theme.type';
+import * as i0 from "@angular/core";
+export declare class EchartsDirective implements OnChanges, OnDestroy, OnInit, AfterViewInit {
+    protected readonly _uniqueId: string;
+    private _elementRef;
+    private _ngZone;
+    private _config;
+    private _chart;
+    private _chart$;
+    private _echarts;
+    private _resizeOb;
+    private _resize$;
+    private _resizeSub;
+    private _initChartTimer?;
+    private _changeFilter;
+    private _loadingSub;
+    private _resizeObFired;
+    animationFrameID: number | null;
+    id: string;
+    name: string;
+    options: EChartsCoreOption | null;
+    theme: string | tEchartsThemeOption | null;
+    initOpts: {
+        devicePixelRatio?: number;
+        renderer?: string;
+        width?: number | string;
+        height?: number | string;
+        locale?: string;
+    } | null;
+    merge: EChartsCoreOption | null;
+    autoResize: boolean;
+    loading: boolean;
+    loadingType: string;
+    loadingOpts: object | null;
+    chartInit: EventEmitter<ECharts>;
+    optionsError: EventEmitter<Error>;
+    windowResize: EventEmitter<ECharts>;
+    chartClick: EventEmitter<ECElementEvent>;
+    chartDblClick: EventEmitter<ECElementEvent>;
+    chartMouseDown: EventEmitter<ECElementEvent>;
+    chartMouseMove: EventEmitter<ECElementEvent>;
+    chartMouseUp: EventEmitter<ECElementEvent>;
+    chartMouseOver: EventEmitter<ECElementEvent>;
+    chartMouseOut: EventEmitter<ECElementEvent>;
+    chartGlobalOut: EventEmitter<ECElementEvent>;
+    chartContextMenu: EventEmitter<ECElementEvent>;
+    chartHighlight: EventEmitter<any>;
+    chartDownplay: EventEmitter<any>;
+    chartSelectChanged: EventEmitter<any>;
+    chartLegendSelectChanged: EventEmitter<any>;
+    chartLegendSelected: EventEmitter<any>;
+    chartLegendUnselected: EventEmitter<any>;
+    chartLegendLegendSelectAll: EventEmitter<any>;
+    chartLegendLegendInverseSelect: EventEmitter<any>;
+    chartLegendScroll: EventEmitter<any>;
+    chartDataZoom: EventEmitter<any>;
+    chartDataRangeSelected: EventEmitter<any>;
+    chartGraphRoam: EventEmitter<any>;
+    chartGeoRoam: EventEmitter<any>;
+    chartTreeRoam: EventEmitter<any>;
+    chartTimelineChanged: EventEmitter<any>;
+    chartTimelinePlayChanged: EventEmitter<any>;
+    chartRestore: EventEmitter<any>;
+    chartDataViewChanged: EventEmitter<any>;
+    chartMagicTypeChanged: EventEmitter<any>;
+    chartGeoSelectChanged: EventEmitter<any>;
+    chartGeoSelected: EventEmitter<any>;
+    chartGeoUnselected: EventEmitter<any>;
+    chartAxisAreaSelected: EventEmitter<any>;
+    chartBrush: EventEmitter<any>;
+    chartBrushEnd: EventEmitter<any>;
+    chartBrushSelected: EventEmitter<any>;
+    chartGlobalCursorTaken: EventEmitter<any>;
+    chartRendered: EventEmitter<any>;
+    chartFinished: EventEmitter<any>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    private _dispose;
+    /**
+     * resize chart
+     */
+    resize(): void;
+    private _toggleLoading;
+    private _setOption;
+    /**
+     * dispose old chart and create a new one.
+     */
+    refreshChart(): Promise<void>;
+    private _createChart;
+    private _initChart;
+    private _onOptionsChange;
+    private _createLazyEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EchartsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EchartsDirective, "gEcharts, [gEcharts],", ["gEcharts"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "initOpts": { "alias": "initOpts"; "required": false; }; "merge": { "alias": "merge"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingType": { "alias": "loadingType"; "required": false; }; "loadingOpts": { "alias": "loadingOpts"; "required": false; }; }, { "chartInit": "chartInit"; "optionsError": "optionsError"; "windowResize": "windowResize"; "chartClick": "chartClick"; "chartDblClick": "chartDblClick"; "chartMouseDown": "chartMouseDown"; "chartMouseMove": "chartMouseMove"; "chartMouseUp": "chartMouseUp"; "chartMouseOver": "chartMouseOver"; "chartMouseOut": "chartMouseOut"; "chartGlobalOut": "chartGlobalOut"; "chartContextMenu": "chartContextMenu"; "chartHighlight": "chartHighlight"; "chartDownplay": "chartDownplay"; "chartSelectChanged": "chartSelectChanged"; "chartLegendSelectChanged": "chartLegendSelectChanged"; "chartLegendSelected": "chartLegendSelected"; "chartLegendUnselected": "chartLegendUnselected"; "chartLegendLegendSelectAll": "chartLegendLegendSelectAll"; "chartLegendLegendInverseSelect": "chartLegendLegendInverseSelect"; "chartLegendScroll": "chartLegendScroll"; "chartDataZoom": "chartDataZoom"; "chartDataRangeSelected": "chartDataRangeSelected"; "chartGraphRoam": "chartGraphRoam"; "chartGeoRoam": "chartGeoRoam"; "chartTreeRoam": "chartTreeRoam"; "chartTimelineChanged": "chartTimelineChanged"; "chartTimelinePlayChanged": "chartTimelinePlayChanged"; "chartRestore": "chartRestore"; "chartDataViewChanged": "chartDataViewChanged"; "chartMagicTypeChanged": "chartMagicTypeChanged"; "chartGeoSelectChanged": "chartGeoSelectChanged"; "chartGeoSelected": "chartGeoSelected"; "chartGeoUnselected": "chartGeoUnselected"; "chartAxisAreaSelected": "chartAxisAreaSelected"; "chartBrush": "chartBrush"; "chartBrushEnd": "chartBrushEnd"; "chartBrushSelected": "chartBrushSelected"; "chartGlobalCursorTaken": "chartGlobalCursorTaken"; "chartRendered": "chartRendered"; "chartFinished": "chartFinished"; }, never, never, true, never>;
+}

package/components/echarts/index.d.ts

@@ -0,0 +1,4 @@
+export * from './echarts.directive';
+export * from './shared/echarts-change-filter';
+export * from './shared/echarts-config.interface';
+export * from './shared/echarts-theme.type';

package/components/echarts/shared/echarts-change-filter.d.ts

@@ -0,0 +1,11 @@
+import { SimpleChanges } from '@angular/core';
+export declare class EchatsChangeFilter {
+    private _subject;
+    private _subscriptions;
+    doFilter(changes: SimpleChanges): void;
+    dispose(): void;
+    notEmpty<T>(key: string, handler: (t: T) => void): void;
+    has<T>(key: string, handler: (t: T) => void): void;
+    notFirst<T>(key: string, handler: (t: T) => void): void;
+    notFirstAndEmpty<T>(key: string, handler: (t: T) => void): void;
+}

package/components/echarts/shared/echarts-config.interface.d.ts

@@ -0,0 +1,5 @@
+import type { tEchartsThemeOption } from './echarts-theme.type';
+export interface iEchartsConfig {
+    echarts: unknown | (() => Promise<unknown>);
+    theme?: string | tEchartsThemeOption;
+}

package/components/echarts/shared/echarts-theme.type.d.ts

@@ -0,0 +1 @@
+export type tEchartsThemeOption = Record<string, unknown>;

package/components/empty/empty.component.d.ts

@@ -0,0 +1,13 @@
+import { DestroyRef, type ElementRef, type QueryList } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class EmptyComponent {
+    set contentChildren(value: QueryList<ElementRef> | null);
+    protected readonly _uniqueId: string;
+    protected readonly destroyRef: DestroyRef;
+    protected hasContent: import("@angular/core").WritableSignal<boolean>;
+    id: string;
+    name: string;
+    label: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyComponent, "gipi-empty", ["gEmpty"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, ["contentChildren"], ["*"], true, never>;
+}

package/components/empty/empty.component.scss

@@ -0,0 +1,36 @@
+@use '../../theming/utils' as utils;
+
+@mixin empty-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+    $secondary-100: utils.get-color($theme, secondary, 100);
+    $black-300: utils.get-color($theme, black, 300);
+
+    .g-empty {
+        @include utils.user-select(none);
+
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 1rem;
+        padding: 2.8rem;
+        border-bottom-left-radius: 0.8rem;
+        border-bottom-right-radius: 0.8rem;
+        background-color: $secondary-100;
+        color: $black-300;
+        font-family: $font-family;
+
+        .g-empty-icon {
+            width: 2.8rem;
+            height: 2.8rem;
+            color: $black-300;
+            fill: $black-300;
+        }
+
+        .g-empty-label {
+            color: $black-300;
+        }
+    }
+}

package/components/empty/index.d.ts

@@ -0,0 +1 @@
+export * from './empty.component';

package/components/expansion-panel/expansion-panel.component.d.ts

@@ -0,0 +1,36 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { MatExpansionPanel, MatExpansionPanelState } from '@angular/material/expansion';
+import { tIconFontSet, tIconGrade, tIconOptical, tIconVariation, tIconWeight } from '../icon/icon.component';
+import * as i0 from "@angular/core";
+export declare class ExpansionPanelComponent implements AfterViewInit {
+    protected expansionPanel: MatExpansionPanel | null;
+    protected readonly _uniqueId: string;
+    id: string;
+    name: string;
+    label: string;
+    disabled: BooleanInput;
+    initState: MatExpansionPanelState;
+    icon: string;
+    svgIcon: string;
+    iconFontSet: tIconFontSet;
+    iconSize: number;
+    iconVariation: tIconVariation;
+    iconWeight: tIconWeight;
+    iconGrade: tIconGrade;
+    iconOptical: tIconOptical;
+    onClickEvent: EventEmitter<MouseEvent>;
+    onFocusEvent: EventEmitter<FocusEvent>;
+    onBlurEvent: EventEmitter<FocusEvent>;
+    onOpenedEvent: EventEmitter<void>;
+    onClosedEvent: EventEmitter<void>;
+    constructor();
+    ngAfterViewInit(): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "gipi-expansion-panel", ["gExpansionPanel"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "initState": { "alias": "initState"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "iconVariation": { "alias": "iconVariation"; "required": false; }; "iconWeight": { "alias": "weight"; "required": false; }; "iconGrade": { "alias": "grade"; "required": false; }; "iconOptical": { "alias": "optical"; "required": false; }; }, { "onClickEvent": "click"; "onFocusEvent": "focus"; "onBlurEvent": "blur"; "onOpenedEvent": "opened"; "onClosedEvent": "closed"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_iconSize: unknown;
+}

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

@@ -0,0 +1,99 @@
+@use '../../theming/utils' as utils;
+
+@mixin expansion-panel-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);
+    $black-300: utils.get-color($theme, black, 300);
+
+    .g-expansion-panel {
+        display: block;
+        width: 100%;
+        min-width: 0;
+    }
+
+    .g-expansion-panel-icon {
+        @include utils.user-select(none);
+
+        width: 2rem;
+        height: 2rem;
+        font-size: 2rem;
+        line-height: 100%;
+    }
+
+    .mat-accordion .mat-expansion-panel {
+        border-radius: 0.4rem !important;
+        box-shadow: none !important;
+
+        background: $white-100 !important;
+        color: $font-color !important;
+
+        .mat-expansion-panel-header {
+            padding: 0 1.6rem !important;
+            height: 4.4rem !important;
+            max-height: 4.4rem !important;
+
+            background: $secondary-50 !important;
+            border: 1px solid $secondary-100 !important;
+
+            font-family: $font-family !important;
+            font-size: $font-size !important;
+            color: $black-300 !important;
+            font-weight: 700 !important;
+            line-height: 2rem !important;
+            letter-spacing: normal !important;
+
+            &.mat-expanded {
+                border-bottom-left-radius: 0 !important;
+                border-bottom-right-radius: 0 !important;
+            }
+
+            .mat-expansion-indicator {
+                margin: 0 1rem 0 0 !important;
+                width: 2rem !important;
+                height: 2rem !important;
+
+                svg {
+                    margin: 0 !important;
+                    width: 2rem !important;
+                    height: 2rem !important;
+                    color: $black-300 !important;
+                    fill: $black-300 !important;
+                }
+            }
+
+            .mat-content {
+                .mat-expansion-panel-header-title {
+                    font-family: $font-family !important;
+                    font-size: $font-size !important;
+                    color: $black-300 !important;
+                    font-weight: 700 !important;
+                    line-height: 2rem !important;
+                    letter-spacing: normal !important;
+                }
+
+                .g-expansion-panel-icon {
+                    color: $black-300 !important;
+                }
+            }
+        }
+
+        &.mat-expanded .mat-expansion-panel-content-wrapper {
+            border: 1px solid $secondary-100 !important;
+            border-top: none !important;
+            border-bottom-right-radius: 0.4rem !important;
+            border-bottom-left-radius: 0.4rem !important;
+        }
+
+        .mat-expansion-panel-body {
+            padding: 1.6rem !important;
+            font-family: $font-family !important;
+            font-size: $font-size !important;
+            color: $font-color !important;
+        }
+    }
+}

package/components/expansion-panel/index.d.ts

@@ -0,0 +1 @@
+export * from './expansion-panel.component';