@po-ui/ng-components 21.8.0 → 21.9.0

package/lib/components/po-field/po-timepicker/po-timepicker-base.component.d.ts

@@ -0,0 +1,374 @@
+import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
+import { PoMask } from '../po-input/po-mask';
+import { PoLanguageService } from '../../../services/po-language/po-language.service';
+import { PoTimepickerModelFormat } from './enums/po-timepicker-iso-format.enum';
+import { PoTimerFormat } from '../../po-timer/enums/po-timer-format.enum';
+import { PoHelperOptions } from '../../po-helper';
+/**
+ * @description
+ *
+ * O `po-timepicker` é um componente para seleção de horário que permite a digitação e/ou seleção via painel flutuante.
+ *
+ * O formato de exibição do horário pode ser de 24 horas (`HH:mm`) ou 12 horas (`hh:mm AM/PM`),
+ * e opcionalmente incluir segundos (`HH:mm:ss`).
+ *
+ * O valor de saída segue o formato ISO 8601 para horários (`HH:mm` ou `HH:mm:ss`).
+ *
+ * **Importante:**
+ *
+ * - Caso o valor digitado seja inválido, o `model` receberá uma string vazia.
+ * - Caso o `input` esteja passando um `[(ngModel)]`, mas não tenha um `name`, então irá ocorrer um erro
+ * do próprio Angular (`[ngModelOptions]="{standalone: true}"`).
+ *
+ * > Não esqueça de importar o `FormsModule` em seu módulo, tal como para utilizar o `input default`.
+ *
+ * #### Tokens customizáveis
+ *
+ * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
+ * Obs: Só é possível realizar alterações ao adicionar a classe `.po-input`
+ *
+ * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
+ *
+ * | Propriedade                            | Descrição                                             | Valor Padrão                                     |
+ * |----------------------------------------|-------------------------------------------------------|--------------------------------------------------|
+ * | **Default Values**                     |                                                       |                                                  |
+ * | `--font-family`                        | Família tipográfica usada                             | `var(--font-family-theme)`                       |
+ * | `--font-size`                          | Tamanho da fonte                                      | `var(--font-size-default)`                       |
+ * | `--text-color-placeholder`             | Cor do texto placeholder                              | `var(--color-neutral-light-30)`                  |
+ * | `--color`                              | Cor principal do timepicker                           | `var(--color-neutral-dark-70)`                   |
+ * | `--background`                         | Cor de background                                     | `var(--color-neutral-light-05)`                  |
+ * | `--padding`                            | Preenchimento                                         | `0 0.5rem`                                       |
+ * | `--text-color`                         | Cor do texto                                          | `var(--color-neutral-dark-90)`                   |
+ * | `--field-container-title-justify`      | Alinhamento horizontal do título (`justify-content`)  | `space-between`                                  |
+ * | `--field-container-title-flex`         | Flex do título (`flex`)                               | `1 auto`                                         |
+ * | **Hover**                              |                                                       |                                                  |
+ * | `--color-hover`                        | Cor principal no estado hover                         | `var(--color-brand-01-dark)`                     |
+ * | `--background-hover`                   | Cor de background no estado hover                     | `var(--color-brand-01-lightest)`                 |
+ * | **Focused**                            |                                                       |                                                  |
+ * | `--color-focused`                      | Cor principal no estado de focus                      | `var(--color-action-default)`                    |
+ * | `--outline-color-focused`              | Cor do outline do estado de focus                     | `var(--color-action-focus)`                      |
+ * | **Disabled**                           |                                                       |                                                  |
+ * | `--color-disabled`                     | Cor principal no estado disabled                      | `var(--color-neutral-light-30)`                  |
+ * | `--background-disabled`                | Cor de background no estado disabled                  | `var(--color-neutral-light-20)`                  |
+ * | `--text-color-disabled`                | Cor do texto no estado disabled                       | `var(--color-neutral-dark-70)`                   |
+ */
+export declare abstract class PoTimepickerBaseComponent implements ControlValueAccessor, OnInit, Validator {
+    protected languageService: PoLanguageService;
+    protected cd: ChangeDetectorRef;
+    additionalHelpEventTrigger: string | undefined;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Aplica foco no elemento ao ser iniciado.
+     *
+     * @default `false`
+     */
+    autoFocus: boolean;
+    /**
+     * @Input
+     *
+     * @optional
+     *
+     * @description
+     * Define se o título do campo será exibido de forma compacta.
+     *
+     * @default `false`
+     */
+    compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Nome do componente. */
+    name: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define se a indicação de campo opcional será exibida.
+     *
+     * @default `false`
+     */
+    optional: boolean;
+    /**
+     * Mensagem apresentada quando o horário for inválido ou fora do período.
+     *
+     * > Por padrão, esta mensagem não é apresentada quando o campo estiver vazio, mesmo que ele seja requerido.
+     */
+    errorPattern?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * @default `false`
+     */
+    errorLimit: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Exibe a mensagem setada na propriedade `p-error-pattern` se o campo estiver vazio e for requerido.
+     *
+     * @default `false`
+     */
+    showErrorMessageRequired: boolean;
+    /** Evento disparado ao sair do campo. */
+    onblur: EventEmitter<any>;
+    /** Evento disparado ao alterar valor do campo. */
+    onchange: EventEmitter<any>;
+    /** Evento disparado quando uma tecla é pressionada enquanto o foco está no componente. */
+    keydown: EventEmitter<KeyboardEvent>;
+    /**
+     * @Input
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Define as opções do componente de ajuda (po-helper).
+     */
+    poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
+    /**
+     * @Input
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Habilita a quebra automática do texto da propriedade `p-label`.
+     *
+     * @default `false`
+     */
+    labelTextWrap: import("@angular/core").InputSignal<boolean>;
+    /** Desabilita o campo. */
+    disabled?: boolean;
+    /** Torna o elemento somente leitura. */
+    readonly?: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define que o campo será obrigatório.
+     *
+     * @default `false`
+     */
+    required?: boolean;
+    /** Habilita ação para limpar o campo. */
+    clean?: boolean;
+    protected onChangeModel: any;
+    protected validatorChange: any;
+    protected onTouchedModel: any;
+    protected shortLanguage: string;
+    protected isInvalid: boolean;
+    protected hasValidatorRequired: boolean;
+    protected objMask: PoMask;
+    private _format;
+    private _modelFormat;
+    private _maxTime;
+    private _minTime;
+    private _minuteInterval;
+    private _secondInterval;
+    private _showSeconds;
+    private _noAutocomplete?;
+    private _placeholder?;
+    private _loading?;
+    private _size?;
+    private _initialSize?;
+    private _locale?;
+    private _timeValue;
+    private _validationValue?;
+    private _validationMinHour?;
+    private _validationMaxHour?;
+    private previousValue;
+    private pendingChangeValue;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a propriedade nativa `autocomplete` do campo como `off`.
+     *
+     * @default `false`
+     */
+    set noAutocomplete(value: boolean);
+    get noAutocomplete(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Mensagem que aparecerá enquanto o campo não estiver preenchido.
+     *
+     * Para personalizar os segmentos, informe o valor no formato `HH:mm` ou `HH:mm:ss`.
+     */
+    set placeholder(placeholder: string);
+    get placeholder(): string;
+    set setDisabled(disabled: string);
+    set setReadonly(readonly: string);
+    set setRequired(required: string);
+    /** Define se a indicação de campo obrigatório será exibida. */
+    showRequired: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do componente:
+     * - `small`: altura do input como 32px (disponível apenas para acessibilidade AA).
+     * - `medium`: altura do input como 44px.
+     *
+     * @default `medium`
+     */
+    set size(value: string);
+    get size(): string;
+    set setClean(clean: string);
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o formato de exibição do timer.
+     *
+     * Valores válidos:
+     * - `24`: formato de 24 horas (padrão)
+     * - `12`: formato de 12 horas com indicador AM/PM
+     *
+     * @default `24`
+     */
+    set format(value: PoTimerFormat);
+    get format(): PoTimerFormat;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o horário mínimo permitido. Formato: `HH:mm` ou `HH:mm:ss`.
+     */
+    set minTime(value: string);
+    get minTime(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o horário máximo permitido. Formato: `HH:mm` ou `HH:mm:ss`.
+     */
+    set maxTime(value: string);
+    get maxTime(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o intervalo entre os minutos exibidos no painel.
+     *
+     * @default `5`
+     */
+    set minuteInterval(value: number);
+    get minuteInterval(): number;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o intervalo entre os segundos exibidos no painel.
+     *
+     * @default `1`
+     */
+    set secondInterval(value: number);
+    get secondInterval(): number;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Exibe a coluna de segundos no painel.
+     *
+     * @default `false`
+     */
+    set showSeconds(value: boolean);
+    get showSeconds(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Padrão de formatação para saída do *model*.
+     *
+     * > Veja os valores válidos no *enum* `PoTimepickerModelFormat`.
+     */
+    set modelFormat(value: PoTimepickerModelFormat);
+    get modelFormat(): PoTimepickerModelFormat;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Idioma do componente.
+     */
+    set locale(value: string);
+    get locale(): string;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define que o painel do timer será incluído no body da página.
+     *
+     * @default `false`
+     */
+    appendBox: boolean;
+    get is12HourFormat(): boolean;
+    constructor(languageService: PoLanguageService, cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    protected onThemeChange(): void;
+    get autocomplete(): "off" | "on";
+    get timeValue(): string;
+    set timeValue(value: string);
+    protected updateMask(): void;
+    protected isValidTimeString(value: string, minHour?: number, maxHour?: number): boolean;
+    protected isTimeInRange(time: string): boolean;
+    protected timeToMinutes(time: string): number;
+    protected formatOutput(time: string): string;
+    protected setValidationValue(value?: string, minHour?: number, maxHour?: number): void;
+    protected clearValidationValue(): void;
+    protected hasValidationValue(): boolean;
+    protected getValidationValue(controlValue: any): string;
+    protected getValidationHourRange(): {
+        minHour: number;
+        maxHour: number;
+    } | undefined;
+    protected isGeneratedErrorPattern(errorPattern: string): boolean;
+    protected getDefaultInvalidTimeMessage(): string;
+    protected getDefaultOutOfRangeTimeMessage(): string;
+    protected callOnChange(value: any): void;
+    mapSizeToIcon(size: string): string;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnChange(func: any): void;
+    registerOnTouched(func: any): void;
+    registerOnValidatorChange(fn: () => void): void;
+    validate(c: AbstractControl): {
+        [key: string]: any;
+    };
+    protected validateModel(model: any): void;
+    private applySizeBasedOnA11y;
+    protected onLocaleChange(): void;
+    abstract writeValue(value: any): void;
+    abstract refreshValue(value: string): void;
+}

package/lib/components/po-field/po-timepicker/po-timepicker.component.d.ts

@@ -0,0 +1,206 @@
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { PoButtonComponent } from '../../po-button/po-button.component';
+import { PoTimerComponent } from '../../po-timer/po-timer.component';
+import { PoTimepickerBaseComponent } from './po-timepicker-base.component';
+import { PoHelperComponent } from '../../po-helper';
+type PoTimepickerSegment = 'hour' | 'minute' | 'second';
+/**
+ * @docsExtends PoTimepickerBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-timepicker-basic" title="PO Timepicker Basic">
+ *  <file name="sample-po-timepicker-basic/sample-po-timepicker-basic.component.html"> </file>
+ *  <file name="sample-po-timepicker-basic/sample-po-timepicker-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-timepicker-labs" title="PO Timepicker Labs">
+ *  <file name="sample-po-timepicker-labs/sample-po-timepicker-labs.component.html"> </file>
+ *  <file name="sample-po-timepicker-labs/sample-po-timepicker-labs.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-timepicker-scheduling" title="PO Timepicker - Scheduling">
+ *  <file name="sample-po-timepicker-scheduling/sample-po-timepicker-scheduling.component.html"> </file>
+ *  <file name="sample-po-timepicker-scheduling/sample-po-timepicker-scheduling.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-timepicker-business-hours" title="PO Timepicker - Business Hours">
+ *  <file name="sample-po-timepicker-business-hours/sample-po-timepicker-business-hours.component.html"> </file>
+ *  <file name="sample-po-timepicker-business-hours/sample-po-timepicker-business-hours.component.ts"> </file>
+ * </example>
+ */
+export declare class PoTimepickerComponent extends PoTimepickerBaseComponent implements AfterViewInit, OnDestroy, OnChanges {
+    private readonly controlPosition;
+    private readonly renderer;
+    dialogPicker: ElementRef;
+    iconTimepicker: PoButtonComponent;
+    inputEl: ElementRef;
+    minuteInputEl: ElementRef;
+    secondInputEl: ElementRef;
+    timepickerFieldEl: ElementRef;
+    iconClean: ElementRef<HTMLElement>;
+    helperEl?: PoHelperComponent;
+    timerComponent?: PoTimerComponent;
+    periodInputEl: ElementRef;
+    /** Rótulo do campo. */
+    label?: string;
+    /** Texto de apoio do campo. */
+    help?: string;
+    displayAdditionalHelp: boolean;
+    el: ElementRef;
+    id: string;
+    visible: boolean;
+    literals: any;
+    hourDisplay: string;
+    minuteDisplay: string;
+    secondDisplay: string;
+    periodDisplay: string;
+    isSegmentFocused: boolean;
+    ariaLiveMessage: string;
+    eventListenerFunction: () => void;
+    eventResizeListener: () => void;
+    get cleanElementRef(): {
+        nativeElement: {
+            value: string;
+        };
+    };
+    private clickListener;
+    private timeoutChange;
+    private valueBeforeChange;
+    constructor();
+    get hourPlaceholder(): string;
+    get minutePlaceholder(): string;
+    get secondPlaceholder(): string;
+    private get customPlaceholderSegments();
+    private getCustomPlaceholderSegment;
+    onHostFocusOut(event: FocusEvent): void;
+    onKeydown($event?: any): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    protected onLocaleChange(): void;
+    emitAdditionalHelp(): void;
+    /**
+     * Função que atribui foco ao componente.
+     *
+     * Para utilizá-la é necessário ter a instância do componente no DOM, podendo ser utilizado o ViewChild da seguinte forma:
+     *
+     * ```
+     * import { PoTimepickerComponent } from '@po-ui/ng-components';
+     *
+     * ...
+     *
+     * @ViewChild(PoTimepickerComponent, { static: true }) timepicker: PoTimepickerComponent;
+     *
+     * focusTimepicker() {
+     *   this.timepicker.focus();
+     * }
+     * ```
+     */
+    focus(): void;
+    getAdditionalHelpTooltip(): any;
+    togglePicker(focusInput?: boolean): void;
+    closeTimer(focusInput?: boolean, skipRefocus?: boolean): void;
+    timerSelected(time: string): void;
+    wasClickedOnPicker(event: any): void;
+    hasInvalidClass(): boolean;
+    hasValue(): boolean;
+    getErrorPattern(): string;
+    clear(): void;
+    clearAndFocus(): void;
+    eventOnBlur($event: any): void;
+    eventOnClick($event: any): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onKeyPress(event: any): void;
+    onSegmentInput(event: Event, segment: PoTimepickerSegment): void;
+    onSegmentKeydown(event: KeyboardEvent, segment: PoTimepickerSegment): void;
+    private handleSegmentNavigation;
+    private handleSegmentArrowKeys;
+    private handleSegmentNonNumericBlock;
+    onSegmentBlur(event: FocusEvent): void;
+    onFieldClick(event: MouseEvent): void;
+    onSegmentFocus(): void;
+    onPeriodSegmentKeydown(event: KeyboardEvent): void;
+    onPeriodSegmentClick(event: MouseEvent): void;
+    refreshValue(value: string): void;
+    /**
+     * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
+     */
+    showAdditionalHelp(): boolean;
+    writeValue(value: any): void;
+    verifyMobile(): RegExpMatchArray;
+    handleCleanKeyboardTab(event: KeyboardEvent): void;
+    onTimerKeyDown(event: KeyboardEvent): void;
+    onTimerBoundaryTab(payload: {
+        direction: 'forward' | 'backward';
+        event: KeyboardEvent;
+    }): void;
+    onTimerFocusOut(event: FocusEvent): void;
+    setHelper(label?: string): {
+        hideAdditionalHelp: boolean;
+        helperSettings?: any;
+    };
+    /**
+     * Atualiza os valores exibidos nos inputs de segmento, convertendo para formato 12h com AM/PM quando necessário.
+     * O timeValue interno sempre armazena em formato 24h (ISO), mas a exibição pode ser 12h.
+     */
+    private updateInputDisplay;
+    /** Atualiza a mensagem aria-live com o valor do horario para anuncio por leitores de tela. */
+    private updateAriaLiveMessage;
+    /** Constroi a string de horario no formato de exibicao atual (12h ou 24h). */
+    private buildDisplayTime;
+    /** Normaliza valores `HH:mm` para `HH:mm:00` quando segundos estão habilitados. */
+    private normalizeTimeValueForDisplay;
+    /** Limpa todos os valores de exibicao dos segmentos e seus respectivos elementos input. */
+    private clearSegmentDisplays;
+    private getDefaultPeriodDisplay;
+    /** Sincroniza os valores dos elementos input nativos com as propriedades de exibicao. */
+    private syncSegmentInputElements;
+    /** Avanca o foco para o proximo input de segmento. */
+    private advanceToNextSegment;
+    /** Avanca o foco para o input de segmento anterior. */
+    private advanceToPreviousSegment;
+    /** Foca o ultimo input de segmento visivel. */
+    private focusLastSegment;
+    /** Verifica se o segmento informado e o ultimo visivel. */
+    private isLastSegment;
+    /** Alterna entre AM e PM no display de periodo e atualiza o modelo. */
+    private togglePeriod;
+    /** Incrementa ou decrementa o valor de um segmento na direcao indicada (+1 ou -1), respeitando limites e intervalos. */
+    private incrementSegment;
+    private incrementHourSegment;
+    private incrementIntervalSegment;
+    private normalizeSingleDigitSegment;
+    private shouldCommitForInternalFocusTarget;
+    /** Combina os valores dos segmentos em uma string de horario e atualiza o modelo. */
+    private updateCombinedValue;
+    /** Monta a string parcial combinando os segmentos preenchidos e vazios. */
+    private buildPartialCombined;
+    private areSegmentsComplete;
+    private buildDisplayCombined;
+    private convertDisplayTo24h;
+    /** Completa valores de segmento incompletos e atualiza o modelo no blur. */
+    private validateAndUpdateModel;
+    private updateTimeFromInput;
+    private applyInputValidationError;
+    private controlChangeEmitter;
+    /**
+     * Completa automaticamente os segundos com `:00` ao fechar o timer
+     * quando `showSeconds=true` e o usuario preencheu apenas hora e minuto (HH:mm).
+     *
+     * Esse comportamento emite `callOnChange` e `controlChangeEmitter`, o que
+     * significa que formularios reativos observando `valueChanges` receberao
+     * uma emissao adicional no momento do fechamento do timer.
+     */
+    private completeSecondsOnClose;
+    private initializeListeners;
+    private isAdditionalHelpEventTriggered;
+    private readonly onScroll;
+    private removeListeners;
+    private setDialogPickerStyleDisplay;
+    private setTimerPosition;
+    protected adjustTimerPosition(): void;
+    private shouldHandleTab;
+    private focusTimer;
+}
+export {};

package/lib/components/po-field/po-timepicker/po-timepicker.literals.d.ts

@@ -0,0 +1,46 @@
+export declare const poTimepickerLiterals: {
+    en: {
+        field: string;
+        open: string;
+        clean: string;
+        invalidTime: string;
+        outOfRangeTime: string;
+        hour: string;
+        minute: string;
+        second: string;
+        selectedTime: string;
+    };
+    es: {
+        field: string;
+        open: string;
+        clean: string;
+        invalidTime: string;
+        outOfRangeTime: string;
+        hour: string;
+        minute: string;
+        second: string;
+        selectedTime: string;
+    };
+    pt: {
+        field: string;
+        open: string;
+        clean: string;
+        invalidTime: string;
+        outOfRangeTime: string;
+        hour: string;
+        minute: string;
+        second: string;
+        selectedTime: string;
+    };
+    ru: {
+        field: string;
+        open: string;
+        clean: string;
+        invalidTime: string;
+        outOfRangeTime: string;
+        hour: string;
+        minute: string;
+        second: string;
+        selectedTime: string;
+    };
+};

package/lib/components/po-field/po-timepicker/po-timepicker.module.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description
+ *
+ * Módulo do componente `po-timepicker`.
+ */
+export declare class PoTimepickerModule {
+}

package/lib/components/po-search/po-search.component.d.ts

@@ -19,7 +19,6 @@ import { PoSearchBaseComponent } from './po-search-base.component';
  * <example name="po-search-labs" title="PO Search Labs">
  *  <file name="sample-po-search-labs/sample-po-search-labs.component.html"> </file>
  *  <file name="sample-po-search-labs/sample-po-search-labs.component.ts"> </file>
- *  <file name="sample-po-search-labs/sample-po-search-labs.service.ts"> </file>
  * </example>
  *
  * <example name="po-search-find-people" title="PO Search Find People">

package/lib/components/po-timer/enums/po-timer-format.enum.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @usedBy PoTimerComponent
+ *
+ * @description
+ *
+ * Enum para definição do formato de exibição do timer.
+ */
+export declare enum PoTimerFormat {
+    /** Formato de 24 horas (0-23). */
+    Format24 = "24",
+    /** Formato de 12 horas (1-12) com indicador AM/PM. */
+    Format12 = "12"
+}

package/lib/components/po-timer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './po-timer.component';
+export * from './po-timer-base.component';
+export * from './po-timer.module';
+export * from './enums/po-timer-format.enum';