From b77df789f103e2927cd367b5caa1eef65ca92bac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Anderson=20Greg=C3=B3rio?= Date: Wed, 18 Dec 2024 12:23:20 -0300 Subject: [PATCH] refactor: atualiza para nova lib 'animalia-icon' --- .../docs/processors/helpers/file-writer.js | 6 +- projects/portal/src/app/app.component.ts | 8 +- .../portal/src/app/icons/icons.component.html | 6 +- .../portal/src/app/icons/icons.component.ts | 2 +- .../po-page-change-password.component.spec.ts | 8 +- ...namic-search-hiring-processes.component.ts | 8 +- ...e-dynamic-table-custom-action.interface.ts | 2 +- ...mic-table-custom-table-action.interface.ts | 2 +- .../po-page-dynamic-table.component.ts | 2 +- ...-po-page-dynamic-table-hotels.component.ts | 10 +- ...e-po-page-dynamic-table-users.component.ts | 16 +-- .../po-badge/po-badge-base.component.ts | 2 +- .../sample-po-badge-labs.component.ts | 6 +- .../po-button-group-item.interface.ts | 2 +- ...le-po-button-group-attendance.component.ts | 6 +- .../sample-po-button-group-labs.component.ts | 4 +- .../sample-po-button-group-post.component.ts | 14 +-- .../po-button/po-button-base.component.ts | 2 +- ...ample-po-button-labs.component.e2e-spec.ts | 4 +- .../sample-po-button-labs.component.po.ts | 6 +- .../sample-po-button-labs.component.ts | 6 +- ...sample-po-container-dashboard.component.ts | 4 +- .../sample-po-dropdown-labs.component.ts | 6 +- ...ple-po-dynamic-form-container.component.ts | 4 +- ...mple-po-dynamic-form-register.component.ts | 4 +- ...ple-po-dynamic-view-container.component.ts | 4 +- ...dynamic-view-employee-on-load.component.ts | 4 +- ...mple-po-dynamic-view-employee.component.ts | 4 +- .../po-checkbox/po-checkbox.component.html | 2 +- .../po-checkbox/po-checkbox.component.ts | 4 +- .../po-combo/po-combo-base.component.ts | 2 +- .../sample-po-combo-hotels.component.html | 2 +- .../sample-po-combo-labs.component.ts | 4 +- .../sample-po-combo-scheduling.component.html | 4 +- .../sample-po-combo-transfer.component.html | 2 +- ...sample-po-datepicker-basic.component.po.ts | 2 +- ...l-hourly-wage-reactive-form.component.html | 4 +- ...mple-po-decimal-hourly-wage.component.html | 4 +- .../sample-po-decimal-labs.component.ts | 4 +- .../po-email/po-email.component.spec.ts | 2 +- .../po-field-container-bottom.component.html | 2 +- .../po-input/po-input-base.component.ts | 2 +- .../sample-po-input-labs.component.ts | 4 +- ...mple-po-input-reactive-form.component.html | 4 +- .../sample-po-number-labs.component.ts | 4 +- .../po-password/po-password.component.spec.ts | 12 +- .../po-select/po-select.component.html | 2 +- .../po-field/po-select/po-select.component.ts | 4 +- ...-switch-order-reactive-form.component.html | 2 +- .../sample-po-switch-order.component.html | 2 +- .../sample-po-upload-rs.component.html | 4 +- .../po-field/po-url/po-url.component.spec.ts | 2 +- .../sample-po-url-shortener.component.html | 2 +- .../components/po-icon/po-icon-dictionary.ts | 112 +++++++++--------- .../components/po-icon/po-icon.component.ts | 6 +- ...po-list-view-hiring-processes.component.ts | 8 +- .../sample-po-list-view-labs.component.ts | 6 +- .../po-item-list-action.interface.ts | 2 +- .../sample-po-menu-panel-basic.component.html | 2 +- ...sample-po-menu-panel-customer.component.ts | 10 +- .../sample-po-menu-panel-labs.component.ts | 12 +- .../po-menu-filter.component.spec.ts | 4 +- .../po-menu/po-menu-item.interface.ts | 2 +- ...ample-po-menu-human-resources.component.ts | 8 +- .../sample-po-menu-labs.component.ts | 12 +- .../po-modal/po-modal-base.component.ts | 2 +- .../po-modal/po-modal.component.spec.ts | 4 +- .../sample-po-modal-labs.component.ts | 4 +- .../po-navbar-icon-action.interface.ts | 2 +- ...ple-po-page-default-dashboard.component.ts | 2 +- .../sample-po-page-default-labs.component.ts | 6 +- .../po-page-detail.component.spec.ts | 24 ++-- .../po-page-edit.component.spec.ts | 12 +- .../po-page-list-base.component.ts | 2 +- .../sample-po-page-list-labs.component.ts | 6 +- .../po-popup/po-popup-action.interface.ts | 2 +- .../po-popup/po-popup-base.component.ts | 2 +- .../sample-po-popup-basic.component.html | 2 +- .../sample-po-popup-email.component.ts | 6 +- .../sample-po-popup-labs.component.ts | 6 +- .../po-progress/po-progress-base.component.ts | 2 +- .../po-progress/po-progress.component.spec.ts | 12 +- .../sample-po-progress-labs.component.ts | 8 +- .../sample-po-search-labs.component.ts | 2 +- .../po-stepper/po-step/po-step.component.ts | 15 +-- .../po-stepper/po-stepper-base.component.ts | 26 +--- .../po-stepper-circle.component.spec.ts | 26 ++-- .../sample-po-stepper-labs.component.ts | 6 +- .../interfaces/po-table-column.interface.ts | 10 +- .../po-table/po-table-base.component.ts | 2 +- .../po-table-column-icon.interface.ts | 2 +- .../po-table-column-label.interface.ts | 8 +- .../po-table-list-manager.component.html | 2 +- .../po-table-list-manager.component.ts | 4 +- .../po-table/po-table.component.html | 10 +- .../components/po-table/po-table.component.ts | 4 +- .../sample-po-table-airfare.component.html | 2 +- .../sample-po-table-airfare.component.ts | 6 +- .../sample-po-table-components.component.ts | 4 +- .../sample-po-table-labs.component.po.ts | 2 +- .../sample-po-table-labs.service.ts | 4 +- .../sample-po-table-transport.service.ts | 2 +- ...ample-po-tabs-business-conf.component.html | 4 +- .../po-tag/po-tag-base.component.ts | 10 +- .../sample-po-tag-labs.component.ts | 12 +- .../po-toolbar/po-toolbar-base.component.ts | 4 +- .../po-toolbar/po-toolbar.component.spec.ts | 2 +- .../sample-po-toolbar-labs.component.ts | 16 +-- .../sample-po-toolbar-logged.component.html | 2 +- .../sample-po-toolbar-logged.component.ts | 12 +- ...le-po-tree-view-supermarket.component.html | 2 +- ...-po-dialog-cancel-credit-card.component.ts | 2 +- .../po-theme/po-theme.service.spec.ts | 4 +- .../lib/services/po-theme/po-theme.service.ts | 10 +- 114 files changed, 357 insertions(+), 382 deletions(-) diff --git a/projects/portal/docs/processors/helpers/file-writer.js b/projects/portal/docs/processors/helpers/file-writer.js index 0945c89bc7..7366f6c875 100644 --- a/projects/portal/docs/processors/helpers/file-writer.js +++ b/projects/portal/docs/processors/helpers/file-writer.js @@ -119,12 +119,12 @@ import { Component } from '@angular/core'; export class Sample{{component}}ViewComponent { hideSampleCodeTabs = true; sampleCodeButtonLabel = 'Talk is cheap, show me the code!'; - sampleCodeButtonIcon = 'ph ph-plus'; + sampleCodeButtonIcon = 'an an-plus'; toggleSampleCodeTabs() { this.hideSampleCodeTabs = !this.hideSampleCodeTabs; this.sampleCodeButtonLabel = this.hideSampleCodeTabs ? 'Talk is cheap, show me the code!' : 'Okay, hide the code'; - this.sampleCodeButtonIcon = this.hideSampleCodeTabs ? 'ph ph-plus' : 'ph ph-minus'; + this.sampleCodeButtonIcon = this.hideSampleCodeTabs ? 'an an-plus' : 'an an-minus'; } } `; @@ -206,7 +206,7 @@ export class Doc{{component}}Component implements OnInit, OnDestroy { activeTab = 'doc'; actions: Array<{}> = [ - { label: 'Documentação', action: this.goBack.bind(this), icon: 'ph ph-file-text' }, + { label: 'Documentação', action: this.goBack.bind(this), icon: 'an an-file-text' }, { label: 'Colabore', action: this.improveDocs.bind(this) }, ]; diff --git a/projects/portal/src/app/app.component.ts b/projects/portal/src/app/app.component.ts index ed1377b428..c43ba0f40c 100644 --- a/projects/portal/src/app/app.component.ts +++ b/projects/portal/src/app/app.component.ts @@ -91,11 +91,11 @@ export class AppComponent implements OnInit, OnDestroy { get actions() { return [ - { icon: 'ph ph-github-logo', link: 'https://github.com/po-ui', label: 'Github' }, - { icon: 'ph ph-x-logo', link: 'https://twitter.com/@pouidev', label: 'Twitter' }, - { icon: 'ph ph-instagram-logo', link: 'https://www.instagram.com/pouidev/', label: 'Instagram' }, + { icon: 'an an-github-logo', link: 'https://github.com/po-ui', label: 'Github' }, + { icon: 'an an-x-logo', link: 'https://twitter.com/@pouidev', label: 'Twitter' }, + { icon: 'an an-instagram-logo', link: 'https://www.instagram.com/pouidev/', label: 'Instagram' }, { - icon: `${this.themeStorage === 'po-theme-dark' ? 'ph ph-sun' : 'ph ph-moon'}`, + icon: `${this.themeStorage === 'po-theme-dark' ? 'an an-sun' : 'an an-moon'}`, label: 'tema', action: this.changeTheme.bind(this) } diff --git a/projects/portal/src/app/icons/icons.component.html b/projects/portal/src/app/icons/icons.component.html index 3c264cdbc6..3ace7b7f49 100644 --- a/projects/portal/src/app/icons/icons.component.html +++ b/projects/portal/src/app/icons/icons.component.html @@ -60,14 +60,14 @@

Como Usar?

- 
<po-input p-icon="ph ph-user" p-label="PO input"></po-input>
+ 
<po-input p-icon="an an-user" p-label="PO input"></po-input>

Outra opção seria a customização do ícone através do TemplateRef, conforme exemplo abaixo: 

<po-input [p-icon]="template" p-label="input template"></po-input>\n
 ...
 <ng-template #template>
-  <i class="ph ph-arrow-fat-line-down"></i>
+  <i class="an an-arrow-fat-line-down"></i>
 </ng-template>
@@ -99,7 +99,7 @@

Como Usar?

-
+
diff --git a/projects/portal/src/app/icons/icons.component.ts b/projects/portal/src/app/icons/icons.component.ts index f5203447ff..4714c584cd 100644 --- a/projects/portal/src/app/icons/icons.component.ts +++ b/projects/portal/src/app/icons/icons.component.ts @@ -51,7 +51,7 @@ export class IconsComponent { return { value: _iconName, tags: _iconTags, - code: `ph${isFill ? '-fill' : ''} ph-${_iconName}` + code: `an${isFill ? '-fill' : ''} an-${_iconName}` }; }); diff --git a/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.spec.ts b/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.spec.ts index 5c225e5bfd..3619f7282a 100644 --- a/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.spec.ts +++ b/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.spec.ts @@ -659,8 +659,8 @@ describe('PoPageChangePasswordComponent:', () => { component.requirements = requirements; fixture.detectChanges(); - expect(nativeElement.querySelector('.ph-check.po-page-change-password-required-ok')).toBeTruthy(); - expect(nativeElement.querySelector('.ph-minus po-page-change-password-required-minus')).toBeFalsy(); + expect(nativeElement.querySelector('.an-check.po-page-change-password-required-ok')).toBeTruthy(); + expect(nativeElement.querySelector('.an-minus po-page-change-password-required-minus')).toBeFalsy(); }); it('should add a `po-icon-minus` for a requirement with false status', () => { @@ -668,8 +668,8 @@ describe('PoPageChangePasswordComponent:', () => { component.requirements = requirements; fixture.detectChanges(); - expect(nativeElement.querySelector('.ph-minus.po-page-change-password-required-minus')).toBeTruthy(); - expect(nativeElement.querySelector('.ph-check.po-page-change-password-required-ok')).toBeFalsy(); + expect(nativeElement.querySelector('.an-minus.po-page-change-password-required-minus')).toBeTruthy(); + expect(nativeElement.querySelector('.an-check.po-page-change-password-required-ok')).toBeFalsy(); }); it('should add requirement text', () => { diff --git a/projects/templates/src/lib/components/po-page-dynamic-search/samples/sample-po-page-dynamic-search-hiring-processes/sample-po-page-dynamic-search-hiring-processes.component.ts b/projects/templates/src/lib/components/po-page-dynamic-search/samples/sample-po-page-dynamic-search-hiring-processes/sample-po-page-dynamic-search-hiring-processes.component.ts index cfafc41866..61a33e21c0 100644 --- a/projects/templates/src/lib/components/po-page-dynamic-search/samples/sample-po-page-dynamic-search-hiring-processes/sample-po-page-dynamic-search-hiring-processes.component.ts +++ b/projects/templates/src/lib/components/po-page-dynamic-search/samples/sample-po-page-dynamic-search-hiring-processes/sample-po-page-dynamic-search-hiring-processes.component.ts @@ -34,25 +34,25 @@ export class SamplePoPageDynamicSearchHiringProcessesComponent implements OnInit label: 'Hide Remove All Disclaimer', action: this.onClickRemoveAllDisclaimer.bind(this), visible: this.isVisibleRemoveAllDisclaimer.bind(this), - icon: 'ph ph-eye-closed' + icon: 'an an-eye-closed' }, { label: 'Show Remove All Disclaimer', action: this.onClickRemoveAllDisclaimer.bind(this), visible: this.isHideRemoveAllDisclaimer.bind(this), - icon: 'ph ph-eye-on' + icon: 'an an-eye-on' }, { label: 'Hide Close City Disclaimer', action: this.onClickCloseCityDisclaimer.bind(this), visible: this.isVisibleCloseCityDisclaimer.bind(this), - icon: 'ph ph-eye-closed' + icon: 'an an-eye-closed' }, { label: 'Show Close City Disclaimer', action: this.onClickCloseCityDisclaimer.bind(this), visible: this.isHideCloseCityDisclaimer.bind(this), - icon: 'ph ph-eye-on' + icon: 'an an-eye-on' } ]; diff --git a/projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-action.interface.ts b/projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-action.interface.ts index 4f685dcf65..ab295ca43a 100644 --- a/projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-action.interface.ts +++ b/projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-action.interface.ts @@ -51,7 +51,7 @@ export interface PoPageDynamicTableCustomAction { * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo: * ``` * + * [p-property]="[{ label: 'PHOSPHOR ICON', icon: 'an an-newspaper' }]"> * * ``` * diff --git a/projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-table-action.interface.ts b/projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-table-action.interface.ts index f809b21a60..b8060d8a6c 100644 --- a/projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-table-action.interface.ts +++ b/projects/templates/src/lib/components/po-page-dynamic-table/interfaces/po-page-dynamic-table-custom-table-action.interface.ts @@ -60,7 +60,7 @@ export interface PoPageDynamicTableCustomTableAction { * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo: * ``` * + * [p-property]="[{ label: 'PHOSPHOR ICON', icon: 'an an-newspaper' }]"> * * ``` * diff --git a/projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.ts b/projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.ts index 6c13e0d6de..190e4c2ae0 100644 --- a/projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.ts +++ b/projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.ts @@ -727,7 +727,7 @@ export class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent * { * label: 'Update', * action: this.updateTable.bind(this), - * icon: 'ph-arrows-clockwise' + * icon: 'an-arrows-clockwise' * }] * * updateTable() { diff --git a/projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-hotels/sample-po-page-dynamic-table-hotels.component.ts b/projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-hotels/sample-po-page-dynamic-table-hotels.component.ts index 0550804344..7729c75f04 100644 --- a/projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-hotels/sample-po-page-dynamic-table-hotels.component.ts +++ b/projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-hotels/sample-po-page-dynamic-table-hotels.component.ts @@ -95,25 +95,25 @@ export class SamplePoPageDynamicTableHotelsComponent { label: 'Hide Remove All Disclaimer', action: this.onClickRemoveAllDisclaimer.bind(this), visible: this.isVisibleRemoveAllDisclaimer.bind(this), - icon: 'ph ph-eye-closed' + icon: 'an an-eye-closed' }, { label: 'Show Remove All Disclaimer', action: this.onClickRemoveAllDisclaimer.bind(this), visible: this.isHideRemoveAllDisclaimer.bind(this), - icon: 'ph ph-eye' + icon: 'an an-eye' }, { label: 'Hide Close City Disclaimer', action: this.onClickCloseCityDisclaimer.bind(this), visible: this.isVisibleCloseCityDisclaimer.bind(this), - icon: 'ph ph-eye-closed' + icon: 'an an-eye-closed' }, { label: 'Show Close City Disclaimer', action: this.onClickCloseCityDisclaimer.bind(this), visible: this.isHideCloseCityDisclaimer.bind(this), - icon: 'ph ph-eye' + icon: 'an an-eye' } ]; @@ -121,7 +121,7 @@ export class SamplePoPageDynamicTableHotelsComponent { { label: 'Details', action: this.onClickHotelDetail.bind(this), - icon: 'ph ph-user' + icon: 'an an-user' } ]; diff --git a/projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-users/sample-po-page-dynamic-table-users.component.ts b/projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-users/sample-po-page-dynamic-table-users.component.ts index 15e9e8d4fc..644808e125 100644 --- a/projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-users/sample-po-page-dynamic-table-users.component.ts +++ b/projects/templates/src/lib/components/po-page-dynamic-table/samples/sample-po-page-dynamic-table-users/sample-po-page-dynamic-table-users.component.ts @@ -81,27 +81,27 @@ export class SamplePoPageDynamicTableUsersComponent implements OnInit { label: 'Actions Right', action: this.onClickActionsSide.bind(this), visible: this.isVisibleActionsRight.bind(this), - icon: 'ph ph-caret-right' + icon: 'an an-caret-right' }, { label: 'Actions Left', action: this.onClickActionsSide.bind(this), visible: this.isVisibleActionsLeft.bind(this), - icon: 'ph ph-caret-left' + icon: 'an an-caret-left' }, { label: 'Fixed Filter', action: this.onClickFixedFilter.bind(this), visible: this.isVisibleFixedFilter.bind(this), - icon: 'ph ph-lock' + icon: 'an an-lock' }, { label: 'Not Fixed Filter', action: this.onClickFixedFilter.bind(this), visible: this.isVisibleNotFixedFilter.bind(this), - icon: 'ph ph-lock-open' + icon: 'an an-lock-open' }, - { label: 'Print', action: this.printPage.bind(this), icon: 'ph ph-printer' } + { label: 'Print', action: this.printPage.bind(this), icon: 'an an-printer' } ]; tableCustomActions: Array = [ @@ -109,13 +109,13 @@ export class SamplePoPageDynamicTableUsersComponent implements OnInit { label: 'Details', action: this.onClickUserDetail.bind(this), disabled: this.isUserInactive.bind(this), - icon: 'ph ph-user' + icon: 'an an-user' }, { label: 'Dependents', action: this.onClickDependents.bind(this), visible: this.hasDependents.bind(this), - icon: 'ph ph-user' + icon: 'an an-user' } ]; @@ -127,7 +127,7 @@ export class SamplePoPageDynamicTableUsersComponent implements OnInit { { label: 'Download .csv', action: this.usersService.downloadCsv.bind(this.usersService, this.serviceApi), - icon: 'ph ph-download-simple' + icon: 'an an-download-simple' } ]; } diff --git a/projects/ui/src/lib/components/po-badge/po-badge-base.component.ts b/projects/ui/src/lib/components/po-badge/po-badge-base.component.ts index e420e14383..656d96898e 100644 --- a/projects/ui/src/lib/components/po-badge/po-badge-base.component.ts +++ b/projects/ui/src/lib/components/po-badge/po-badge-base.component.ts @@ -90,7 +90,7 @@ export class PoBadgeBaseComponent { * ``` * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo: * ``` - * + * * ``` * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma: * ``` diff --git a/projects/ui/src/lib/components/po-badge/samples/sample-po-badge-labs/sample-po-badge-labs.component.ts b/projects/ui/src/lib/components/po-badge/samples/sample-po-badge-labs/sample-po-badge-labs.component.ts index 1401752d68..d71a88ac8b 100644 --- a/projects/ui/src/lib/components/po-badge/samples/sample-po-badge-labs/sample-po-badge-labs.component.ts +++ b/projects/ui/src/lib/components/po-badge/samples/sample-po-badge-labs/sample-po-badge-labs.component.ts @@ -18,9 +18,9 @@ export class SamplePoBadgeLabsComponent implements OnInit { propertiesOptions: Array = [{ value: 'showBorder', label: 'Show Border' }]; iconsOptions: Array = [ - { label: 'ph-check', value: 'ph ph-check' }, - { label: 'ph-check-circle', value: 'ph ph-check-circle' }, - { label: 'ph ph-check', value: 'ph ph-check' }, + { label: 'an-check', value: 'an an-check' }, + { label: 'an-check-circle', value: 'an an-check-circle' }, + { label: 'an an-check', value: 'an an-check' }, { label: 'fa-minus', value: 'fa fa-minus' }, { label: 'true (Enabled when status is settled)', value: 'true', disabled: true }, { label: 'None', value: 'false' } diff --git a/projects/ui/src/lib/components/po-button-group/po-button-group-item.interface.ts b/projects/ui/src/lib/components/po-button-group/po-button-group-item.interface.ts index bd80634bba..4f6f214cc1 100644 --- a/projects/ui/src/lib/components/po-button-group/po-button-group-item.interface.ts +++ b/projects/ui/src/lib/components/po-button-group/po-button-group-item.interface.ts @@ -25,7 +25,7 @@ export interface PoButtonGroupItem { * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo: * ``` * buttons: Array = [ - * { label: 'Button 1', action: this.action.bind(this), icon: 'ph ph-user' }, + * { label: 'Button 1', action: this.action.bind(this), icon: 'an an-user' }, * ]; * ``` * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma: diff --git a/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-attendance/sample-po-button-group-attendance.component.ts b/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-attendance/sample-po-button-group-attendance.component.ts index c33d16abb6..8bfcd2cc9b 100644 --- a/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-attendance/sample-po-button-group-attendance.component.ts +++ b/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-attendance/sample-po-button-group-attendance.component.ts @@ -9,9 +9,9 @@ import { PoButtonGroupItem, PoNotificationService } from '@po-ui/ng-components'; }) export class SamplePoButtonGroupAttendanceComponent { attendances: Array = [ - { label: 'Appointment', icon: 'ph ph-calendar-dots', action: this.getPassword.bind(this) }, - { label: 'Emergency', icon: 'ph ph-syringe', action: this.getPassword.bind(this) }, - { label: 'Exams', icon: 'ph ph-flask', action: this.getPassword.bind(this) } + { label: 'Appointment', icon: 'an an-calendar-dots', action: this.getPassword.bind(this) }, + { label: 'Emergency', icon: 'an an-syringe', action: this.getPassword.bind(this) }, + { label: 'Exams', icon: 'an an-flask', action: this.getPassword.bind(this) } ]; constructor(private poNotification: PoNotificationService) {} diff --git a/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-labs/sample-po-button-group-labs.component.ts b/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-labs/sample-po-button-group-labs.component.ts index 89572e9f46..6f2638c8bc 100644 --- a/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-labs/sample-po-button-group-labs.component.ts +++ b/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-labs/sample-po-button-group-labs.component.ts @@ -19,8 +19,8 @@ export class SamplePoButtonGroupLabsComponent implements OnInit { toggle: PoButtonGroupToggle; iconsOptions: Array = [ - { label: 'ph ph-newspaper', value: 'ph ph-newspaper' }, - { label: 'ph ph-calendar-dots', value: 'ph ph-calendar-dots' }, + { label: 'an an-newspaper', value: 'an an-newspaper' }, + { label: 'an an-calendar-dots', value: 'an an-calendar-dots' }, { label: 'fa fa-podcast', value: 'fa fa-podcast' }, { label: 'fa fa-calculator', value: 'fa fa-calculator' } ]; diff --git a/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-post/sample-po-button-group-post.component.ts b/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-post/sample-po-button-group-post.component.ts index 8e3aa718b9..ab1d8bc2c7 100644 --- a/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-post/sample-po-button-group-post.component.ts +++ b/projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-post/sample-po-button-group-post.component.ts @@ -15,20 +15,20 @@ export class SamplePoButtonGroupPostComponent { textArea: string = '"Luck is a thing that comes in many forms and who can recognize her?" - Ernest Hemingway'; fontStyle: Array = [ - { icon: 'ph ph-text-b', action: () => (this.setBold = !this.setBold), tooltip: 'Bold' }, - { icon: 'ph ph-text-italic', action: () => (this.setItalic = !this.setItalic), tooltip: 'Italic' }, - { icon: 'ph ph-text-underline', action: () => (this.setUnderline = !this.setUnderline), tooltip: 'Underline' } + { icon: 'an an-text-b', action: () => (this.setBold = !this.setBold), tooltip: 'Bold' }, + { icon: 'an an-text-italic', action: () => (this.setItalic = !this.setItalic), tooltip: 'Italic' }, + { icon: 'an an-text-underline', action: () => (this.setUnderline = !this.setUnderline), tooltip: 'Underline' } ]; textAlign: Array = [ { - icon: 'ph ph-text-align-left', + icon: 'an an-text-align-left', selected: true, action: () => (this.setTextAlignment = 'left'), tooltip: 'Left align' }, - { icon: 'ph ph-text-align-center', action: () => (this.setTextAlignment = 'center'), tooltip: 'Center align' }, - { icon: 'ph ph-text-align-right', action: () => (this.setTextAlignment = 'right'), tooltip: 'Right align' }, - { icon: 'ph ph-text-align-justify', action: () => (this.setTextAlignment = 'justify'), tooltip: 'Justify' } + { icon: 'an an-text-align-center', action: () => (this.setTextAlignment = 'center'), tooltip: 'Center align' }, + { icon: 'an an-text-align-right', action: () => (this.setTextAlignment = 'right'), tooltip: 'Right align' }, + { icon: 'an an-text-align-justify', action: () => (this.setTextAlignment = 'justify'), tooltip: 'Justify' } ]; } diff --git a/projects/ui/src/lib/components/po-button/po-button-base.component.ts b/projects/ui/src/lib/components/po-button/po-button-base.component.ts index 2510e85e6a..f5a1aaafb5 100644 --- a/projects/ui/src/lib/components/po-button/po-button-base.component.ts +++ b/projects/ui/src/lib/components/po-button/po-button-base.component.ts @@ -89,7 +89,7 @@ export class PoButtonBaseComponent { * * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo: * ``` - * + * * ``` * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma: * ``` diff --git a/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.e2e-spec.ts b/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.e2e-spec.ts index 3467923f2c..6f3d8a6131 100644 --- a/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.e2e-spec.ts +++ b/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.e2e-spec.ts @@ -19,10 +19,10 @@ describe('SamplePoButtonLabs E2E', () => { expect(button.poModal.isPresent()).toBeFalsy(); }); - it('Check `po-button` show icon `ph ph-newspaper` after select icon `ph ph-newspaper`', () => { + it('Check `po-button` show icon `an an-newspaper` after select icon `an an-newspaper`', () => { button.poRadioLogoPO.click(); - expect(button.poButtonIcon.getAttribute('class')).toContain('ph ph-newspaper'); + expect(button.poButtonIcon.getAttribute('class')).toContain('an an-newspaper'); }); it('Check `po-button` show icon `po-icon-user` after select icon `po-icon-user`', () => { diff --git a/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.po.ts b/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.po.ts index 9a4507f5c7..d466187915 100644 --- a/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.po.ts +++ b/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.po.ts @@ -28,15 +28,15 @@ export class SamplePoButtonLabsComponentPO { } get poRadioLogoPO() { - return this.getPoButtonIcon('ph ph-newspaper'); + return this.getPoButtonIcon('an an-newspaper'); } get poRadioCalendar() { - return this.getPoButtonIcon('ph ph-calendar-dots'); + return this.getPoButtonIcon('an an-calendar-dots'); } get poRadioUser() { - return this.getPoButtonIcon('ph ph-user'); + return this.getPoButtonIcon('an an-user'); } get poRadioNone() { return this.getPoButtonIcon('undefined'); diff --git a/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.ts b/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.ts index 84c38cbde8..f810f11a49 100644 --- a/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.ts +++ b/projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.ts @@ -22,9 +22,9 @@ export class SamplePoButtonLabsComponent implements OnInit { ]; iconsOptions: Array = [ - { label: 'ph ph-newspaper', value: 'ph ph-newspaper' }, - { label: 'ph ph-calendar-dots', value: 'ph ph-calendar-dots' }, - { label: 'ph ph-user', value: 'ph ph-user' }, + { label: 'an an-newspaper', value: 'an an-newspaper' }, + { label: 'an an-calendar-dots', value: 'an an-calendar-dots' }, + { label: 'an an-user', value: 'an an-user' }, { label: 'fa fa-podcast', value: 'fa fa-podcast' } ]; diff --git a/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts b/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts index 9e2811c48b..974876f197 100644 --- a/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts +++ b/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts @@ -37,10 +37,10 @@ export class SamplePoContainerDashboardComponent implements AfterContentChecked, items: Array; public readonly actions: Array = [ - { label: 'Share', action: this.modalOpen.bind(this), icon: 'ph ph-share' }, + { label: 'Share', action: this.modalOpen.bind(this), icon: 'an an-share' }, { label: 'Disable notification', - icon: 'ph ph-bell', + icon: 'an an-bell', action: this.disableNotification.bind(this), disabled: () => this.isSubscribed } diff --git a/projects/ui/src/lib/components/po-dropdown/samples/sample-po-dropdown-labs/sample-po-dropdown-labs.component.ts b/projects/ui/src/lib/components/po-dropdown/samples/sample-po-dropdown-labs/sample-po-dropdown-labs.component.ts index 265c94c405..713ab07dba 100644 --- a/projects/ui/src/lib/components/po-dropdown/samples/sample-po-dropdown-labs/sample-po-dropdown-labs.component.ts +++ b/projects/ui/src/lib/components/po-dropdown/samples/sample-po-dropdown-labs/sample-po-dropdown-labs.component.ts @@ -21,9 +21,9 @@ export class SamplePoDropdownLabsComponent implements OnInit { ]; public readonly iconOptions: Array = [ - { value: 'ph ph-newspaper', label: 'ph ph-newspaper' }, - { value: 'ph ph-magnifying-glass', label: 'ph ph-magnifying-glass' }, - { value: 'ph ph-globe', label: 'ph ph-globe' }, + { value: 'an an-newspaper', label: 'an an-newspaper' }, + { value: 'an an-magnifying-glass', label: 'an an-magnifying-glass' }, + { value: 'an an-globe', label: 'an an-globe' }, { value: 'fa fa-podcast', label: 'fa fa-podcast' } ]; diff --git a/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-container/sample-po-dynamic-form-container.component.ts b/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-container/sample-po-dynamic-form-container.component.ts index 0bd02682fc..62aed512a1 100644 --- a/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-container/sample-po-dynamic-form-container.component.ts +++ b/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-container/sample-po-dynamic-form-container.component.ts @@ -80,7 +80,7 @@ export class SamplePoDynamicFormContainerComponent implements OnInit { booleanFalse: 'Inactive', formatModel: true }, - { property: 'email', container: 'CONTACTS', gridColumns: 6, icon: 'ph ph-envelope' }, + { property: 'email', container: 'CONTACTS', gridColumns: 6, icon: 'an an-envelope' }, { property: 'phone', mask: '(99) 99999-9999', gridColumns: 6 }, { property: 'address', gridColumns: 6 }, { @@ -127,7 +127,7 @@ export class SamplePoDynamicFormContainerComponent implements OnInit { gridSmColumns: 12, decimalsLength: 2, thousandMaxlength: 7, - icon: 'ph ph-currency-circle-dollar' + icon: 'an an-currency-circle-dollar' }, { property: 'hobbies', diff --git a/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts b/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts index 834a14c1a5..76f815f548 100644 --- a/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts +++ b/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts @@ -80,7 +80,7 @@ export class SamplePoDynamicFormRegisterComponent implements OnInit { booleanFalse: 'Inactive', formatModel: true }, - { property: 'email', divider: 'CONTACTS', gridColumns: 6, icon: 'ph ph-envelope' }, + { property: 'email', divider: 'CONTACTS', gridColumns: 6, icon: 'an an-envelope' }, { property: 'phone', mask: '(99) 99999-9999', gridColumns: 6 }, { property: 'address', gridColumns: 6 }, { @@ -127,7 +127,7 @@ export class SamplePoDynamicFormRegisterComponent implements OnInit { gridSmColumns: 12, decimalsLength: 2, thousandMaxlength: 7, - icon: 'ph ph-currency-circle-dollar' + icon: 'an an-currency-circle-dollar' }, { property: 'hobbies', diff --git a/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-container/sample-po-dynamic-view-container.component.ts b/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-container/sample-po-dynamic-view-container.component.ts index 1c7d2642e2..877527f1f8 100644 --- a/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-container/sample-po-dynamic-view-container.component.ts +++ b/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-container/sample-po-dynamic-view-container.component.ts @@ -15,11 +15,11 @@ export class SamplePoDynamicViewContainerComponent { { property: 'rg', label: 'RG', gridColumns: 4, order: 3 }, { property: 'graduation', label: 'Graduation', gridColumns: 4 }, { property: 'company', label: 'Company', container: 'Work Data' }, - { property: 'job', tag: true, icon: 'ph ph-copy' }, + { property: 'job', tag: true, icon: 'an an-copy' }, { property: 'admissionDate', label: 'Admission date', type: 'date' }, { property: 'hoursPerDay', label: 'Hours per day', type: 'time' }, { property: 'wage', label: 'Wage', type: 'currency' }, - { property: 'availability', tag: true, color: '#C596E7', icon: 'ph ph-check' }, + { property: 'availability', tag: true, color: '#C596E7', icon: 'an an-check' }, { property: 'city', label: 'City', container: 'Address' }, { property: 'addressStreet', label: 'Street' }, { property: 'addressNumber', label: 'Number' }, diff --git a/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-employee-on-load/sample-po-dynamic-view-employee-on-load.component.ts b/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-employee-on-load/sample-po-dynamic-view-employee-on-load.component.ts index e3d1314f18..37b44fdcc6 100644 --- a/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-employee-on-load/sample-po-dynamic-view-employee-on-load.component.ts +++ b/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-employee-on-load/sample-po-dynamic-view-employee-on-load.component.ts @@ -55,11 +55,11 @@ export class SamplePoDynamicViewEmployeeOnLoadComponent implements OnInit { { property: 'rg', label: 'RG', gridColumns: 4, order: 3 }, { property: 'graduation', label: 'Graduation', gridColumns: 4 }, { property: 'company', label: 'Company', divider: 'Work Data' }, - { property: 'job', tag: true, icon: 'ph ph-copy' }, + { property: 'job', tag: true, icon: 'an an-copy' }, { property: 'admissionDate', label: 'Admission date', type: 'date' }, { property: 'hoursPerDay', label: 'Hours per day', type: 'time' }, { property: 'wage', label: 'Wage', type: 'currency' }, - { property: 'availability', tag: true, color: '#C596E7', icon: 'ph ph-check' }, + { property: 'availability', tag: true, color: '#C596E7', icon: 'an an-check' }, { property: 'cities', isArrayOrObject: true, fieldLabel: 'city', fieldValue: 'id', concatLabelValue: true }, { property: 'city', label: 'City', divider: 'Address' }, { property: 'addressStreet', label: 'Street' }, diff --git a/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-employee/sample-po-dynamic-view-employee.component.ts b/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-employee/sample-po-dynamic-view-employee.component.ts index 9e3f16b490..54a75f9ecb 100644 --- a/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-employee/sample-po-dynamic-view-employee.component.ts +++ b/projects/ui/src/lib/components/po-dynamic/po-dynamic-view/samples/sample-po-dynamic-view-employee/sample-po-dynamic-view-employee.component.ts @@ -16,11 +16,11 @@ export class SamplePoDynamicViewEmployeeComponent { { property: 'rg', label: 'RG', gridColumns: 4, order: 3 }, { property: 'graduation', label: 'Graduation', gridColumns: 4 }, { property: 'company', label: 'Company', divider: 'Work Data' }, - { property: 'job', tag: true, icon: 'ph ph-copy' }, + { property: 'job', tag: true, icon: 'an an-copy' }, { property: 'admissionDate', label: 'Admission date', type: 'date' }, { property: 'hoursPerDay', label: 'Hours per day', type: 'time' }, { property: 'wage', label: 'Wage', type: 'currency' }, - { property: 'availability', tag: true, color: '#C596E7', icon: 'ph ph-check' }, + { property: 'availability', tag: true, color: '#C596E7', icon: 'an an-check' }, { property: 'city', label: 'City', divider: 'Address' }, { property: 'addressStreet', label: 'Street' }, { property: 'addressNumber', label: 'Number' }, diff --git a/projects/ui/src/lib/components/po-field/po-checkbox/po-checkbox.component.html b/projects/ui/src/lib/components/po-field/po-checkbox/po-checkbox.component.html index 0d8ab133f0..aebbfe07a3 100644 --- a/projects/ui/src/lib/components/po-field/po-checkbox/po-checkbox.component.html +++ b/projects/ui/src/lib/components/po-field/po-checkbox/po-checkbox.component.html @@ -17,7 +17,7 @@ aria-label=" " [id]="id" class="po-checkbox" - [ngClass]="iconNameLib === 'PhosphorIcon' ? 'po-checkbox-phosphor' : 'po-checkbox-poicon'" + [ngClass]="iconNameLib === 'AnimaliaIcon' ? 'po-checkbox-phosphor' : 'po-checkbox-poicon'" [attr.aria-disabled]="disabled" [attr.required]="checkBoxRequired" > diff --git a/projects/ui/src/lib/components/po-field/po-checkbox/po-checkbox.component.ts b/projects/ui/src/lib/components/po-field/po-checkbox/po-checkbox.component.ts index ee2b8ebddd..769f6d5fb2 100644 --- a/projects/ui/src/lib/components/po-field/po-checkbox/po-checkbox.component.ts +++ b/projects/ui/src/lib/components/po-field/po-checkbox/po-checkbox.component.ts @@ -11,7 +11,7 @@ import { } from '@angular/core'; import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { ICONS_DICTIONARY, PhosphorIconDictionary } from '../../po-icon'; +import { ICONS_DICTIONARY, AnimaliaIconDictionary } from '../../po-icon'; import { PoKeyCodeEnum } from './../../../enums/po-key-code.enum'; import { PoCheckboxBaseComponent } from './po-checkbox-base.component'; @@ -60,7 +60,7 @@ export class PoCheckboxComponent extends PoCheckboxBaseComponent implements Afte ) { super(); - this._iconToken = value ?? PhosphorIconDictionary; + this._iconToken = value ?? AnimaliaIconDictionary; } /** diff --git a/projects/ui/src/lib/components/po-field/po-combo/po-combo-base.component.ts b/projects/ui/src/lib/components/po-field/po-combo/po-combo-base.component.ts index df2fe1f28a..ca97b86fdb 100644 --- a/projects/ui/src/lib/components/po-field/po-combo/po-combo-base.component.ts +++ b/projects/ui/src/lib/components/po-field/po-combo/po-combo-base.component.ts @@ -167,7 +167,7 @@ export abstract class PoComboBaseComponent implements ControlValueAccessor, OnIn * * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo: * ``` - * + * * ``` * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma: * ``` diff --git a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-hotels/sample-po-combo-hotels.component.html b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-hotels/sample-po-combo-hotels.component.html index 47cf09f4ce..8c9c856007 100644 --- a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-hotels/sample-po-combo-hotels.component.html +++ b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-hotels/sample-po-combo-hotels.component.html @@ -57,7 +57,7 @@ p-debounce-time="500" p-disabled-init-filter p-filter-minlength="1" - p-icon="ph ph-magnifying-glass" + p-icon="an an-magnifying-glass" p-required p-field-label="name" p-field-value="value" diff --git a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-labs/sample-po-combo-labs.component.ts b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-labs/sample-po-combo-labs.component.ts index 20bfc647d0..606d5ffc03 100644 --- a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-labs/sample-po-combo-labs.component.ts +++ b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-labs/sample-po-combo-labs.component.ts @@ -48,8 +48,8 @@ export class SamplePoComboLabsComponent implements OnInit { ]; public readonly iconsOptions: Array = [ - { label: 'ph ph-building-apartment', value: 'ph ph-building-apartment' }, - { label: 'ph ph-gas-pump', value: 'ph ph-gas-pump' }, + { label: 'an an-building-apartment', value: 'an an-building-apartment' }, + { label: 'an an-gas-pump', value: 'an an-gas-pump' }, { label: 'fa fa-calculator', value: 'fa fa-calculator' } ]; diff --git a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-scheduling/sample-po-combo-scheduling.component.html b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-scheduling/sample-po-combo-scheduling.component.html index d0769e4625..e1efbdd046 100644 --- a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-scheduling/sample-po-combo-scheduling.component.html +++ b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-scheduling/sample-po-combo-scheduling.component.html @@ -48,7 +48,7 @@ class="po-lg-6" name="city" [(ngModel)]="city" - p-icon="ph ph-map-trifold" + p-icon="an an-map-trifold" p-label="Select a location" p-placeholder="Select a location" p-required @@ -90,7 +90,7 @@ class="po-lg-6" name="medicalSpecialty" [(ngModel)]="medicalSpecialty" - p-icon="ph ph-flask" + p-icon="an an-flask" p-label="Medical Specialty/Exam" p-required p-sort diff --git a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-transfer/sample-po-combo-transfer.component.html b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-transfer/sample-po-combo-transfer.component.html index e4516742f2..a97ad8839a 100644 --- a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-transfer/sample-po-combo-transfer.component.html +++ b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-transfer/sample-po-combo-transfer.component.html @@ -21,7 +21,7 @@ p-field-value="id" p-field-label="name" p-filter-service="https://po-sample-api.onrender.com/v1/people" - p-icon="ph ph-user" + p-icon="an an-user" p-label="To contact" p-placeholder="Select a contact" p-required diff --git a/projects/ui/src/lib/components/po-field/po-datepicker/samples/sample-po-datepicker-basic/sample-po-datepicker-basic.component.po.ts b/projects/ui/src/lib/components/po-field/po-datepicker/samples/sample-po-datepicker-basic/sample-po-datepicker-basic.component.po.ts index c9aee15780..0401c4484b 100644 --- a/projects/ui/src/lib/components/po-field/po-datepicker/samples/sample-po-datepicker-basic/sample-po-datepicker-basic.component.po.ts +++ b/projects/ui/src/lib/components/po-field/po-datepicker/samples/sample-po-datepicker-basic/sample-po-datepicker-basic.component.po.ts @@ -12,6 +12,6 @@ export class SamplePoDatepickerBasicComponentPO { } get poDatepickerIcon() { - return element(by.css(`${this.sampleDatepicker} po-field-container .po-field-icon, .ph ph-calendar-dots`)); + return element(by.css(`${this.sampleDatepicker} po-field-container .po-field-icon, .an an-calendar-dots`)); } } diff --git a/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-hourly-wage-reactive-form/sample-po-decimal-hourly-wage-reactive-form.component.html b/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-hourly-wage-reactive-form/sample-po-decimal-hourly-wage-reactive-form.component.html index 9ad518637a..fe714989f1 100644 --- a/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-hourly-wage-reactive-form/sample-po-decimal-hourly-wage-reactive-form.component.html +++ b/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-hourly-wage-reactive-form/sample-po-decimal-hourly-wage-reactive-form.component.html @@ -16,7 +16,7 @@ class="po-md-6" formControlName="salary" p-decimals-length="2" - p-icon="ph ph-currency-circle-dollar" + p-icon="an an-currency-circle-dollar" p-label="Salary" p-thousand-maxlength="13" (p-change)="calculate()" @@ -30,7 +30,7 @@ formControlName="hourlyWage" p-decimals-length="2" p-disabled - p-icon="ph ph-currency-dollar-simple" + p-icon="an an-currency-dollar-simple" p-label="Hourly Wage" p-thousand-maxlength="13" > diff --git a/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-hourly-wage/sample-po-decimal-hourly-wage.component.html b/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-hourly-wage/sample-po-decimal-hourly-wage.component.html index 9a2c30b7a2..cbd3ea9fa7 100644 --- a/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-hourly-wage/sample-po-decimal-hourly-wage.component.html +++ b/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-hourly-wage/sample-po-decimal-hourly-wage.component.html @@ -31,7 +31,7 @@ name="salary" [(ngModel)]="salary" p-decimals-length="2" - p-icon="ph ph-currency-circle-dollar" + p-icon="an an-currency-circle-dollar" p-label="Salary" p-required p-thousand-maxlength="13" @@ -47,7 +47,7 @@ [(ngModel)]="hourlyWage" p-decimals-length="2" p-disabled - p-icon="ph ph-currency-dollar-simple" + p-icon="an an-currency-dollar-simple" p-label="Hourly Wage" p-required p-thousand-maxlength="13" diff --git a/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-labs/sample-po-decimal-labs.component.ts b/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-labs/sample-po-decimal-labs.component.ts index c74b70749c..d66836b46b 100644 --- a/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-labs/sample-po-decimal-labs.component.ts +++ b/projects/ui/src/lib/components/po-field/po-decimal/samples/sample-po-decimal-labs/sample-po-decimal-labs.component.ts @@ -30,8 +30,8 @@ export class SamplePoDecimalLabsComponent implements OnInit { ]; public readonly iconOptions: Array = [ - { value: 'ph ph-shopping-cart-simple', label: 'ph ph-shopping-cart-simple' }, - { value: 'ph ph-currency-dollar-simple', label: 'ph ph-currency-dollar-simple' }, + { value: 'an an-shopping-cart-simple', label: 'an an-shopping-cart-simple' }, + { value: 'an an-currency-dollar-simple', label: 'an an-currency-dollar-simple' }, { value: 'fa fa-calculator', label: 'fa fa-calculator' } ]; diff --git a/projects/ui/src/lib/components/po-field/po-email/po-email.component.spec.ts b/projects/ui/src/lib/components/po-field/po-email/po-email.component.spec.ts index e139eb95c8..2806d71872 100644 --- a/projects/ui/src/lib/components/po-field/po-email/po-email.component.spec.ts +++ b/projects/ui/src/lib/components/po-field/po-email/po-email.component.spec.ts @@ -108,7 +108,7 @@ describe('PoEmailComponent:', () => { it('should have `mail` icon', () => { fixture.detectChanges(); - expect(fixture.debugElement.nativeElement.querySelector('.ph-envelope-simple')).toBeTruthy(); + expect(fixture.debugElement.nativeElement.querySelector('.an-envelope-simple')).toBeTruthy(); }); it('should call `getScreenValue` and `verifyPattern` on input keyup', fakeAsync(() => { diff --git a/projects/ui/src/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.html b/projects/ui/src/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.html index d38d071882..474ef62378 100644 --- a/projects/ui/src/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.html +++ b/projects/ui/src/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.html @@ -1,6 +1,6 @@
- + {{ errorPattern }}
diff --git a/projects/ui/src/lib/components/po-field/po-input/po-input-base.component.ts b/projects/ui/src/lib/components/po-field/po-input/po-input-base.component.ts index 0cf302b3e5..2cbe0007e0 100644 --- a/projects/ui/src/lib/components/po-field/po-input/po-input-base.component.ts +++ b/projects/ui/src/lib/components/po-field/po-input/po-input-base.component.ts @@ -78,7 +78,7 @@ export abstract class PoInputBaseComponent implements ControlValueAccessor, Vali * * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo: * ``` - * + * * ``` * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma: * ``` diff --git a/projects/ui/src/lib/components/po-field/po-input/samples/sample-po-input-labs/sample-po-input-labs.component.ts b/projects/ui/src/lib/components/po-field/po-input/samples/sample-po-input-labs/sample-po-input-labs.component.ts index ff49e7f661..7393be3bc8 100644 --- a/projects/ui/src/lib/components/po-field/po-input/samples/sample-po-input-labs/sample-po-input-labs.component.ts +++ b/projects/ui/src/lib/components/po-field/po-input/samples/sample-po-input-labs/sample-po-input-labs.component.ts @@ -22,8 +22,8 @@ export class SamplePoInputLabsComponent implements OnInit { properties: Array; public readonly iconOptions: Array = [ - { value: 'ph ph-newspaper', label: 'ph ph-newspaper' }, - { value: 'ph ph-magnifying-glass', label: 'ph ph-magnifying-glass' }, + { value: 'an an-newspaper', label: 'an an-newspaper' }, + { value: 'an an-magnifying-glass', label: 'an an-magnifying-glass' }, { value: 'fa fa-calculator', label: 'fa fa-calculator' } ]; diff --git a/projects/ui/src/lib/components/po-field/po-input/samples/sample-po-input-reactive-form/sample-po-input-reactive-form.component.html b/projects/ui/src/lib/components/po-field/po-input/samples/sample-po-input-reactive-form/sample-po-input-reactive-form.component.html index f7e6248728..0413ac3971 100644 --- a/projects/ui/src/lib/components/po-field/po-input/samples/sample-po-input-reactive-form/sample-po-input-reactive-form.component.html +++ b/projects/ui/src/lib/components/po-field/po-input/samples/sample-po-input-reactive-form/sample-po-input-reactive-form.component.html @@ -1,10 +1,10 @@
- +
- +
diff --git a/projects/ui/src/lib/components/po-field/po-number/samples/sample-po-number-labs/sample-po-number-labs.component.ts b/projects/ui/src/lib/components/po-field/po-number/samples/sample-po-number-labs/sample-po-number-labs.component.ts index ce8569df8b..8e35abb3d8 100644 --- a/projects/ui/src/lib/components/po-field/po-number/samples/sample-po-number-labs/sample-po-number-labs.component.ts +++ b/projects/ui/src/lib/components/po-field/po-number/samples/sample-po-number-labs/sample-po-number-labs.component.ts @@ -23,8 +23,8 @@ export class SamplePoNumberLabsComponent implements OnInit { step: string; public readonly iconOptions: Array = [ - { value: 'ph ph-currency-circle-dollar', label: 'ph ph-currency-circle-dollar' }, - { value: 'ph ph-currency-btc', label: 'ph ph-currency-btc' }, + { value: 'an an-currency-circle-dollar', label: 'an an-currency-circle-dollar' }, + { value: 'an an-currency-btc', label: 'an an-currency-btc' }, { value: 'fa fa-calculator', label: 'fa fa-calculator' } ]; diff --git a/projects/ui/src/lib/components/po-field/po-password/po-password.component.spec.ts b/projects/ui/src/lib/components/po-field/po-password/po-password.component.spec.ts index ef746ca2c8..94e1b90c45 100644 --- a/projects/ui/src/lib/components/po-field/po-password/po-password.component.spec.ts +++ b/projects/ui/src/lib/components/po-field/po-password/po-password.component.spec.ts @@ -208,23 +208,23 @@ describe('PoNumberComponent:', () => { expect(nativeElement.querySelector('.po-input-icon-right')).toBeFalsy(); }); - it('should have the icon `ph-eye-closed`.', () => { + it('should have the icon `an-eye-closed`.', () => { component.hidePasswordPeek = false; component.visiblePassword = false; fixture.detectChanges(); - expect(nativeElement.querySelector('.ph-eye')).toBeNull(); - expect(nativeElement.querySelector('.ph-eye-closed')).toBeTruthy(); + expect(nativeElement.querySelector('.an-eye')).toBeNull(); + expect(nativeElement.querySelector('.an-eye-closed')).toBeTruthy(); expect(nativeElement.querySelector('.po-field-icon-disabled')).toBeTruthy(); }); - it('should have the icon `ph-eye`.', () => { + it('should have the icon `an-eye`.', () => { component.hidePasswordPeek = false; component.visiblePassword = true; fixture.detectChanges(); - expect(nativeElement.querySelector('.ph-eye')).toBeTruthy(); - expect(nativeElement.querySelector('.ph-eye-closed')).toBeNull(); + expect(nativeElement.querySelector('.an-eye')).toBeTruthy(); + expect(nativeElement.querySelector('.an-eye-closed')).toBeNull(); expect(nativeElement.querySelector('.po-field-icon-disabled')).toBeNull(); }); diff --git a/projects/ui/src/lib/components/po-field/po-select/po-select.component.html b/projects/ui/src/lib/components/po-field/po-select/po-select.component.html index 647096897c..da4706bc5c 100644 --- a/projects/ui/src/lib/components/po-field/po-select/po-select.component.html +++ b/projects/ui/src/lib/components/po-field/po-select/po-select.component.html @@ -10,7 +10,7 @@