\n @if (label) {\n \n \n }\n
\n \n \n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { PoTooltipDirective } from './po-tooltip.directive';\n\n/**\n * @description\n *\n * Módulo da diretiva Po-Tooltip.\n */\n@NgModule({\n imports: [CommonModule],\n declarations: [PoTooltipDirective],\n exports: [PoTooltipDirective]\n})\nexport class PoTooltipModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { PoIconModule } from '../po-icon/po-icon.module';\nimport { PoTooltipModule } from '../../directives/po-tooltip/index';\n\nimport { PoTagComponent } from './po-tag.component';\n\n/**\n * @description\n *\n * Módulo do componente `po-tag`.\n */\n@NgModule({\n imports: [CommonModule, PoIconModule, PoTooltipModule],\n declarations: [PoTagComponent],\n exports: [PoTagComponent],\n providers: [],\n schemas: []\n})\nexport class PoTagModule {}\n","import { Component, Input } from '@angular/core';\nimport { animate, style, transition, trigger } from '@angular/animations';\n\n@Component({\n selector: 'po-accordion-item-body',\n templateUrl: 'po-accordion-item-body.component.html',\n animations: [\n trigger('toggleBody', [\n transition('* => void', [style({ height: '*' }), animate(200, style({ height: 0 }))]),\n transition('void => *', [style({ height: '0' }), animate(200, style({ height: '*' }))])\n ])\n ],\n standalone: false\n})\nexport class PoAccordionItemBodyComponent {\n @Input('p-expanded') expanded: boolean = false;\n}\n","@if (expanded) {\n \n {{ tagOrientation ? label + ':' : label }}\n
\n }\n\n \n \n \n @if (icon && !removable) {\n \n \n }\n\n \n {{ value }} \n
\n\n @if (removable) {\n \n
\n}\n","import { NgModule } from '@angular/core';\n\nimport { PoLanguageService } from './po-language.service';\n\n/**\n * @description\n *\n * Módulo do serviço `po-language`.\n */\n@NgModule({\n providers: [PoLanguageService]\n})\nexport class PoLanguageModule {}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n Output,\n ViewChild,\n inject\n} from '@angular/core';\nimport { PoLanguageService } from '../../../services/po-language';\nimport { poLocaleDefault } from '../../../services/po-language/po-language.constant';\n\n@Component({\n selector: 'po-accordion-item-header',\n templateUrl: 'po-accordion-item-header.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false\n})\nexport class PoAccordionItemHeaderComponent {\n private readonly language: string = poLocaleDefault;\n\n @ViewChild('accordionElement', { read: ElementRef, static: true }) accordionElement: ElementRef;\n @ViewChild('accordionHeaderElement', { read: ElementRef, static: true }) accordionHeaderElement: ElementRef;\n\n @Input('p-expanded') expanded: boolean = false;\n\n @Input('p-label') label: string;\n\n @Input('p-label-tag') labelTag: string;\n\n @Input('p-type-tag') typeTag: string;\n\n @Input('p-disabled') disabledItem: boolean;\n\n @Output('p-toggle') toggle = new EventEmitter\n
\n \n \n \n
\n","import { Injectable } from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\nimport { PoAccordionItemComponent } from '../po-accordion-item/po-accordion-item.component';\n\n/**\n * @docsPrivate\n *\n * @description\n *\n * Serviço para poder notificar o componente `po-accordion` quando um `po-accordion-item` for\n * expandido/colapsado.\n */\n@Injectable({\n providedIn: 'root'\n})\nexport class PoAccordionService {\n private readonly subjectChild = new Subject\n \n \n \n \n
\n","import { Directive, EventEmitter, Input, HostBinding, Output, HostListener } from '@angular/core';\nimport { poLocaleDefault } from '../../services/po-language/po-language.constant';\nimport { PoLanguageService } from '../../services/po-language/po-language.service';\nimport { convertToBoolean, getDefaultSizeFn, validateSizeFn } from '../../utils/util';\nimport { PoAccordionLiterals } from './interfaces/po-accordion-literals.interface';\nimport { PoFieldSize } from '../../enums/po-field-size.enum';\n\nexport const poAccordionLiteralsDefault = {\n en: \n {{ expandedAllItems ? literals.closeAllItems : literals.expandAllItems }}\n
\n \n @if (showManagerAccordion && poAccordionItems.length > 1) {\n
\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { PoDividerModule } from '../po-divider';\nimport { PoIconModule } from '../po-icon';\nimport { PoTagModule } from '../po-tag';\nimport { PoTooltipModule } from '../../directives/po-tooltip/po-tooltip.module';\n\nimport { PoAccordionItemBodyComponent } from './po-accordion-item-body/po-accordion-item-body.component';\nimport { PoAccordionItemHeaderComponent } from './po-accordion-item-header/po-accordion-item-header.component';\nimport { PoAccordionItemComponent } from './po-accordion-item/po-accordion-item.component';\nimport { PoAccordionManagerComponent } from './po-accordion-manager/po-accordion-manager.component';\nimport { PoAccordionComponent } from './po-accordion.component';\n\n/**\n * @description\n *\n * Módulo do componente `po-accordion`.\n *\n * > Para o correto funcionamento do componente `po-accordion`, deve ser importado o módulo `BrowserAnimationsModule` no\n * > módulo principal da sua aplicação.\n *\n * Módulo da aplicação:\n * ```\n * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n * import { PoModule } from '@po-ui/ng-components';\n * ...\n *\n * @NgModule({\n * imports: [\n * BrowserModule,\n * BrowserAnimationsModule,\n * ...\n * PoModule\n * ],\n * declarations: [\n * AppComponent,\n * ...\n * ],\n * providers: [],\n * bootstrap: [AppComponent]\n * })\n * export class AppModule { }\n * ```\n *\n * Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:\n *\n * ```\n * import { bootstrapApplication } from '@angular/platform-browser';\n * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n * import { AppComponent } from './app.component';\n *\n * bootstrapApplication(AppComponent, {\n * providers: [importProvidersFrom(BrowserAnimationsModule)]\n * }).catch(err => console.error(err));\n * ```\n */\n@NgModule({\n imports: [CommonModule, PoTagModule, PoIconModule, PoDividerModule, PoTooltipModule],\n declarations: [\n PoAccordionComponent,\n PoAccordionItemBodyComponent,\n PoAccordionItemComponent,\n PoAccordionItemHeaderComponent,\n PoAccordionManagerComponent\n ],\n exports: [PoAccordionComponent, PoAccordionItemComponent]\n})\nexport class PoAccordionModule {}\n","import { Directive, EventEmitter, Input, Output } from '@angular/core';\n\nconst PO_AVATAR_SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];\nconst PO_AVATAR_SIZE_DEFAULT = 'md';\n\nexport const validateAvatarSize = (value: string) => (PO_AVATAR_SIZES.includes(value) ? value : PO_AVATAR_SIZE_DEFAULT);\n\n/**\n * @description\n *\n * O componente `po-avatar` é um container para imagens em miniatura, possui um formato redondo e cinco opções de\n * tamanho, pode ser utilizado para mostrar a foto do perfil de um usuário, entre outras possibilidades.\n *\n * Além de poder ser utilizado separadamente, é possível usar o `po-avatar` juntamente com outros componentes e criar\n * layouts ricos e bem interessantes para os usuários, como por exemplo, uma lista de itens ou produtos.\n */\n@Directive()\nexport class PoAvatarBaseComponent {\n /**\n * Fonte da imagem que pode ser um caminho local (`./assets/images/logo-black-small.png`)\n * ou um servidor externo (`https://po-ui.io/assets/images/logo-black-small.png`).\n */\n @Input('p-src') src: string;\n\n /**\n * @optional\n *\n * @description\n *\n * Indica como o navegador deve carregar a imagem.\n *\n * Valores válidos:\n * - `eager` (a imagem é carregada imediatamente, independente de estar visível ou não)\n * - `lazy` (a imagem só é carregada quando estiver próxima de ser renderizada)\n *\n * @default `eager`\n */\n @Input('p-loading') loading: 'eager' | 'lazy' = 'eager';\n\n /** Evento disparado ao clicar na imagem do *avatar*. */\n @Output('p-click') click = new EventEmitter\n \n
\n }\n - \n @for (poAccordionItem of poAccordionItems; track poAccordionItem) {\n
- \n
\n \n\n \n }\n
\n @if (src) {\n ![\"\"]()
\n } @else {\n
\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { PoIconModule } from '../po-icon';\nimport { PoAvatarComponent } from './po-avatar.component';\n\n/**\n * @description\n *\n * Módulo do componente po-avatar.\n */\n@NgModule({\n imports: [CommonModule, PoIconModule],\n declarations: [PoAvatarComponent],\n exports: [PoAvatarComponent]\n})\nexport class PoAvatarModule {}\n","import { Input, Directive, TemplateRef, HostBinding } from '@angular/core';\n\nimport { convertToBoolean, convertToInt } from '../../utils/util';\nimport { PoColorPaletteEnum } from '../../enums/po-color-palette.enum';\nimport { PoCaptionTagColorEnum } from '../../enums/po-caption-tag-color.enum';\n\nconst poBadgeColors = [...(\n *
\n * \n * Dev PO\n *
\n * \n * dev.po@po-ui.com.br\n *
\n * \n * Obs: Só é possível realizar alterações ao adicionar a classe `.po-loading`\n *\n * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).\n *\n * | Propriedade | Descrição | Valor Padrão |\n * |----------------------------------------|-------------------------------------------------------|---------------------------------------------------|\n * | **Default Values** | | |\n * | `--font-family` | Família tipográfica usada | `var(--font-family-theme)` |\n * | `--font-weight` | Peso da fonte | `var(--font-weight-normal)` |\n * | `--text-color` | Cor do texto | `var(--color-neutral-dark-70)` |\n * | `--border-radius` | Contém o valor do raio dos cantos do elemento | `var(--border-radius-md)` |\n * | `--border-width` | Contém o valor da largura dos cantos do elemento | `var(--border-width-sm)` |\n * | `--border-color` | Cor da borda | `var(--color-neutral-light-20)` |\n * | `--background` | Cor de background | `var(--color-neutral-light-00)` |\n * | `--shadow` | Contém o valor da sombra do elemento | `var(--shadow-md)` |\n * | **po-loading-icon** | | |\n * | `--color` | Cor principal do spinner | `var(--color-action-default)` |\n *\n */\n@Directive()\nexport class PoLoadingOverlayBaseComponent {\n private _screenLock?: boolean = false;\n private _text?: string;\n private _size?: string;\n\n /**\n * @optional\n *\n * @description\n *\n * Define se o *overlay* será aplicado a um *container* ou à página inteira.\n *\n * Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:\n *\n * ```\n *
\n *\n * \n * \n *\n * \n * \n *
\n * ```\n *\n * @default `false`\n */\n @Input('p-screen-lock') set screenLock(screenLock: boolean) {\n this._screenLock = convertToBoolean(screenLock);\n }\n\n get screenLock() {\n return this._screenLock;\n }\n\n /**\n * @optional\n *\n * @description\n *\n * Texto a ser exibido no componente.\n *\n * > O valor padrão será traduzido de acordo com o idioma configurado no [**PoI18n**](/documentation/po-i18n) ou navegador.\n *\n * @default `Carregando`\n */\n @Input('p-text') set text(value: string) {\n this._text = value || this.getTextDefault();\n }\n\n get text(): string {\n return this._text;\n }\n\n /**\n * @optional\n *\n * @description\n *\n * Define o tamanho do componente com base no tamanho do ícone de *loading*.\n *\n * Tamanhos disponíveis para o *loading*:\n * - `xs`: 1rem\n * - `sm`: 1.5rem\n * - `md`: 3rem\n * - `lg`: 5rem (valor padrão)\n *\n * @default `lg`\n */\n @Input('p-size') set size(value: string | null) {\n this._size = value === '' || !value ? 'lg' : value;\n }\n\n get size(): string {\n return this._size;\n }\n\n constructor(private readonly languageService: PoLanguageService) {\n this.text = this.getTextDefault();\n }\n\n private getTextDefault(): string {\n const language = this.languageService.getShortLanguage();\n\n return poLoadingOverlayLiteralsDefault[language].loading;\n }\n}\n","import { Directive, Input } from '@angular/core';\nimport { convertToBoolean } from './../../utils/util';\n\n@Directive()\nexport class PoOverlayBaseComponent {\n /**\n * @optional\n *\n * @description\n *\n * Define se o *overlay* será aplicado a um *container* ou a página inteira.\n *\n * Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo:\n *\n * ```\n * \n *\n * \n * \n *\n * \n * \n *
\n * ```\n *\n * @default `false`\n */\n @Input({ alias: 'p-screen-lock', transform: convertToBoolean }) screenLock: boolean = false;\n}\n","import { Component } from '@angular/core';\nimport { PoOverlayBaseComponent } from './po-overlay-base.component';\n\n@Component({\n selector: 'po-overlay',\n templateUrl: './po-overlay.component.html',\n standalone: false\n})\nexport class PoOverlayComponent extends PoOverlayBaseComponent {}\n","\n","export enum PoLoadingIconSize {\n /** Extra small */\n xs = 'xs',\n /** Small */\n sm = 'sm',\n /** Medium*/\n md = 'md',\n /** Large*/\n lg = 'lg'\n}\n","import { Directive, Input } from '@angular/core';\nimport { PoFieldSize } from '../../enums/po-field-size.enum';\nimport { PoLanguageService } from '../../services/po-language/po-language.service';\nimport { getDefaultSizeFn } from '../../utils/util';\nimport { PoLoadingIconSize } from './enums/po-loading-icon-size-enum';\nimport { PoLoadingLiterals } from './interfaces/po-loading-literals.interface';\n\nexport const poLoadingLiteralsDefault = {\n en: \n
\n","import { Component, ChangeDetectorRef, inject } from '@angular/core';\n\nimport { PoLanguageService } from './../../../services/po-language/po-language.service';\n\nimport { PoLoadingOverlayBaseComponent } from './po-loading-overlay-base.component';\n\n/**\n *\n * @docsExtends PoLoadingOverlayBaseComponent\n *\n * @example\n *\n * .
\n .
\n .
\n \n }\n\n @if (title) {\n {{ title }}\n }\n
\n \n\n {{ helper()?.content }}\n @if (helper()?.type === 'help' && helper()?.footerAction) {\n \n \n }\n
\n \n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PoLinkComponent } from './po-link.component';\nimport { RouterModule } from '@angular/router';\n\n/**\n * @description\n *\n * Módulo do componente po-link.\n */\n@NgModule({\n declarations: [PoLinkComponent],\n imports: [CommonModule, RouterModule],\n exports: [PoLinkComponent]\n})\nexport class PoLinkModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { OverlayModule } from '@angular/cdk/overlay';\n\nimport { PoPopoverComponent } from './po-popover.component';\n\n/**\n * @description\n * Módulo do componente po-popover.\n */\n@NgModule({\n imports: [CommonModule, OverlayModule],\n declarations: [PoPopoverComponent],\n exports: [PoPopoverComponent]\n})\nexport class PoPopoverModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { PoHelperComponent } from './po-helper.component';\n\nimport { PoIconModule } from '../po-icon/index';\nimport { PoLinkModule } from '../po-link/index';\nimport { PoPopoverModule } from '../po-popover/index';\nimport { PoDividerModule } from '../po-divider/index';\n\n/**\n * @description\n * Módulo do componente po-helper\n */\n@NgModule({\n imports: [CommonModule, PoIconModule, PoPopoverModule, PoLinkModule, PoDividerModule],\n declarations: [PoHelperComponent],\n exports: [PoHelperComponent]\n})\nexport class PoHelperModule {}\n","export const poFieldContainerLiterals = {\n en: {\n optional: 'Optional',\n required: 'Required'\n },\n es: {\n optional: 'Opcional',\n required: 'Obligatorio'\n },\n pt: {\n optional: 'Opcional',\n required: 'Obrigatório'\n },\n ru: {\n optional: 'Пожеланию',\n required: 'Обязательный'\n }\n};\n","import { Component, input, Input } from '@angular/core';\nimport { convertToBoolean } from '../../utils/util';\nimport { poFieldContainerLiterals } from '../po-field/po-field-container/po-field-container-literals';\n\n/**\n * @docsPrivate\n *\n * Componente de uso interno.\n */\n\n@Component({\n selector: 'po-label',\n templateUrl: './po-label.component.html',\n standalone: false\n})\nexport class PoLabelComponent {\n private _disabled?: boolean = false;\n private _field?: boolean = false;\n\n /**\n * @optional\n *\n * @description\n *\n * Indica se o label está desativado.\n *\n * @default `false`\n */\n @Input('p-disabled') set disabled(value: boolean) {\n this._disabled = \n
\n }\n @if (!errorPattern && help) {\n \n @if (help) {\n \n {{ help }}\n \n }\n
\n }\n @if (poHelperComponent()) {\n \n
\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n OnChanges,\n OnInit,\n SimpleChanges,\n ViewChild,\n forwardRef,\n inject\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { PoKeyCodeEnum } from './../../../enums/po-key-code.enum';\n\nimport { PoCheckboxBaseComponent } from './po-checkbox-base.component';\nimport { setHelperSettings, updateTooltip } from '../../../utils/util';\nimport { PoHelperComponent } from '../../po-helper';\n\n/**\n * @docsExtends PoCheckboxBaseComponent\n *\n * @example\n *\n * \n @if (label || help) {\n \n @if (poHelperComponent()) {\n \n }\n }\n
\n\n @if (help) {\n {{ help }}
\n }\n\n \n
\n \n {{ item[keysLabel[0]] }}\n {{ item[keysLabel[1]] }}\n
\n }\n\n @default {\n \n {{ item[keysLabel[0]] }}\n {{ item[keysLabel[1]] }} - {{ item[keysLabel[2]] }}\n
\n }\n }\n }\n\n \n \n\n
\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ElementRef,\n OnChanges,\n OnDestroy,\n OnInit,\n QueryList,\n Renderer2,\n SimpleChanges,\n ViewChild,\n ViewChildren,\n inject\n} from '@angular/core';\nimport { Router } from '@angular/router';\n\nimport { PoListBoxBaseComponent } from './po-listbox-base.component';\nimport { PoItemListOptionGroup } from './po-item-list/interfaces/po-item-list-option-group.interface';\nimport { PoItemListOption } from './po-item-list/interfaces/po-item-list-option.interface';\nimport { PoLanguageService } from '../../services/po-language/po-language.service';\nimport { isTypeof, PoUtils } from '../../utils/util';\nimport { PoSearchListComponent } from './po-search-list/po-search-list.component';\nimport { PoDropdownAction } from '../po-dropdown/po-dropdown-action.interface';\nimport { Observable, Subscription, debounceTime, fromEvent } from 'rxjs';\nimport { PoFieldSize } from '../../enums/po-field-size.enum';\n\n@Component({\n selector: 'po-listbox',\n templateUrl: './po-listbox.component.html',\n standalone: false\n})\nexport class PoListBoxComponent extends PoListBoxBaseComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {\n element = inject(ElementRef);\n public currentItems: Array\n
\n\n @if (!hideSearch && type === 'check') {\n - \n @if (type === 'check' && items.length && !searchElement?.inputValue && !hideSelectAll) {\n
\n {{ placeholderListbox }}\n
\n }\n\n @if (!placeholderListbox && !items.length) {\n \n {{ literals.noItems }}\n
\n }\n\n \n {{ literals.noItems }}\n
\n }\n }\n\n @if (listboxSubitems) {\n - \n @if (!currentGroup) {\n @for (item of currentItems; track item) {\n
\n
\n }\n\n","import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core';\nimport { Router } from '@angular/router';\n\nimport { PoControlPositionService } from '../../services/po-control-position/po-control-position.service';\nimport { isExternalLink, uuid, PoUtils } from '../../utils/util';\n\nimport { PoListBoxComponent } from '../po-listbox';\nimport { PoPopupAction } from './po-popup-action.interface';\nimport { PoPopupBaseComponent } from './po-popup-base.component';\n\n/**\n *\n * @docsExtends PoPopupBaseComponent\n *\n * @example\n *\n * \n @if (!hideArrow) {\n \n }\n
\n}\n","import { HttpClient } from '@angular/common/http';\nimport { Injectable, inject } from '@angular/core';\n\nimport { Observable } from 'rxjs';\n\n/**\n * @docsPrivate\n *\n * @description\n *\n * Serviço utilizado para favoritar/desfavoritar uma url no componente po-breadcrumb.\n * A API deve retornar um objeto no formato { isFavorite: booleano, url: string }. Em ambos os métodos, GET e POST este\n * objeto deve ser retornado.\n * Ao alterar o status de favorito, a API deve retornar o objeto acima, com o novo status atualizado.\n * No método POST, existe a possibilidade de ser enviado parâmetros junto com a requisição. Neste caso, o objeto enviado\n * para a API terá o formato: { isFavorite: booleano, url: string, params: {} }, onde params é o objeto que pode ser enviado\n * junto com a requisição.\n *\n */\n@Injectable({\n providedIn: 'root'\n})\nexport class PoBreadcrumbFavoriteService {\n private readonly http = inject(HttpClient);\n\n private _url: string;\n private _bodyParams: object;\n\n get url(): string {\n return this._url;\n }\n\n get bodyParams(): object {\n return this._bodyParams;\n }\n\n configService(url, params, item) {\n this._url = url;\n this._bodyParams = {\n isFavorite: false,\n url: item.link,\n params: params\n };\n }\n\n sendStatusFavorite(status): Observable\n \n
\n \n *
\n * \n * ...\n *\n * ```\n * Para o caso de personalização de opções com agrupamentos, deve-se seguir a mesma orientação acima. Porém, cabe ao desenvolvedor\n * a responsabilidade de estilização dos elementos da lista, tais como título e links dos grupos. Abaixo há um exemplo de aplicação:\n *\n * ```\n * ...\n * \n *
\n * \n *
\n * \n \n \n \n \n }\n
\n \n\n @if (appendBox) {\n \n
\n @if ((!this.label && poHelperComponent()) || (!this.label && poHelper.hideAdditionalHelp)) {\n \n @if (icon) {\n \n }\n\n
\n \n \n
\n