From c84de249bf317d840aa6610fb3ea071095061975 Mon Sep 17 00:00:00 2001 From: Josep Piguillem Date: Mon, 27 Jul 2026 21:34:48 +0200 Subject: [PATCH] refactor: migra NgModules a componentes standalone --- libs/ui/src/index.ts | 3 +- .../src/lib/ui/accordion/accordion.module.ts | 56 --------- .../accordion/accordion.component.ts | 29 ++++- .../directives/accordion-content.directive.ts | 30 +---- libs/ui/src/lib/ui/accordion/index.ts | 2 +- libs/ui/src/lib/ui/banner/banner.module.ts | 17 --- .../lib/ui/banner/banner/banner.component.ts | 19 ++- libs/ui/src/lib/ui/banner/index.ts | 2 +- .../action-button/action-button.component.ts | 13 +- libs/ui/src/lib/ui/button/button.directive.ts | 45 ++----- .../chevron-button.component.ts | 13 +- .../close-button/close-button.component.ts | 13 +- .../button/hamburger/hamburger.component.ts | 13 +- .../icon-button/icon-button.component.ts | 14 ++- libs/ui/src/lib/ui/button/index.ts | 2 +- .../radio-button/radio-button.component.ts | 14 ++- .../switch-button/switch-button.component.ts | 14 ++- .../switch-button/switch-button.directive.ts | 20 +--- .../toggle-button/toggle-button.component.ts | 14 ++- libs/ui/src/lib/ui/button/ui-button.module.ts | 88 -------------- .../ui/src/lib/ui/card/card/card.component.ts | 12 +- .../lib/ui/card/directives/card.directive.ts | 29 ++--- libs/ui/src/lib/ui/card/index.ts | 2 +- libs/ui/src/lib/ui/card/ui-card.module.ts | 32 ----- .../src/lib/ui/carousel/carousel.directive.ts | 5 +- .../carousel/carousel/carousel.component.ts | 19 ++- libs/ui/src/lib/ui/carousel/index.ts | 2 +- .../src/lib/ui/carousel/ui-carousel.module.ts | 15 --- .../chart-legend/chart-legend.component.ts | 14 ++- libs/ui/src/lib/ui/chart/chart.module.ts | 15 --- .../src/lib/ui/chart/chart/chart.component.ts | 13 +- libs/ui/src/lib/ui/chart/index.ts | 2 +- .../chip/chip-action/chip-action.component.ts | 14 ++- .../ui/chip/chip-date/chip-date.component.ts | 13 +- .../chip/chip-status/chip-status.component.ts | 14 ++- .../ui/chip/chip-time/chip-time.component.ts | 14 ++- .../chip/chip-value/chip-value.component.ts | 13 +- .../ui/src/lib/ui/chip/chip/chip.component.ts | 14 ++- libs/ui/src/lib/ui/chip/index.ts | 2 +- .../ui/src/lib/ui/chip/tile/tile.component.ts | 14 ++- libs/ui/src/lib/ui/chip/ui-chip.module.ts | 41 ------- .../data-grid/data-grid.component.ts | 17 ++- .../ui/data-grid/directives/cell.directive.ts | 5 +- .../directives/grid-item.directive.ts | 5 +- libs/ui/src/lib/ui/data-grid/index.ts | 2 +- .../data-grid/shared-ui-data-grid.module.ts | 13 -- .../base-data-table.component.ts | 9 +- .../cell-type/cell-type.component.ts | 19 ++- .../data-table-item.component.ts | 13 +- libs/ui/src/lib/ui/data-table/index.ts | 2 +- .../lib/ui/data-table/ui-data-table.module.ts | 14 --- .../ui/divider/divider/divider.component.ts | 14 ++- libs/ui/src/lib/ui/divider/index.ts | 2 +- .../src/lib/ui/divider/ui-divider.module.ts | 16 --- libs/ui/src/lib/ui/error-status-code/index.ts | 2 +- .../not-found/not-found.component.ts | 28 ++++- .../ui-error-status-code.module.ts | 22 ---- .../form-field/base-form-field.component.ts | 3 +- .../currency-field.component.ts | 49 +++++--- .../directives/autofocus.directive.ts | 5 +- .../directives/checkbox-grid.directive.ts | 5 +- .../form-field/directives/label.directive.ts | 5 +- .../directives/radio-grid.directive.ts | 5 +- .../email-field/email-field.component.ts | 46 +++++-- .../icon-field/icon-field.component.ts | 45 ++++--- .../incremental-number-field.component.ts | 50 ++++++-- .../incremental-range-field.component.ts | 29 ++++- libs/ui/src/lib/ui/form-field/index.ts | 2 +- .../number-field/number-field.component.ts | 45 +++++-- .../password-field.component.ts | 48 ++++++-- .../phone-field/phone-field.component.ts | 46 +++++-- .../search-field/search-field.component.ts | 34 +++--- .../slide-toggle/slide-toggle.component.ts | 26 ++-- .../text-field/text-field.component.ts | 44 +++++-- .../form-field/textarea/textarea.component.ts | 45 +++++-- .../lib/ui/form-field/ui-form-field.module.ts | 113 ------------------ .../ui/src/lib/ui/icon/icon/icon.component.ts | 14 ++- libs/ui/src/lib/ui/icon/index.ts | 2 +- libs/ui/src/lib/ui/icon/ui-icon.module.ts | 12 -- .../ui/image/background-image.directive.ts | 5 +- .../ui/image/headline/headline.component.ts | 24 ++-- libs/ui/src/lib/ui/image/index.ts | 2 +- libs/ui/src/lib/ui/image/ui-image.module.ts | 30 ----- libs/ui/src/lib/ui/list-item/index.ts | 2 +- .../list-item/list-item.component.ts | 29 ++--- .../lib/ui/list-item/ui-list-item.module.ts | 28 ----- libs/ui/src/lib/ui/modal/index.ts | 2 +- .../src/lib/ui/modal/modal/modal.component.ts | 32 ++++- libs/ui/src/lib/ui/modal/ui-modal.module.ts | 30 ----- libs/ui/src/lib/ui/note/index.ts | 2 +- .../ui/src/lib/ui/note/note/note.component.ts | 30 +++-- libs/ui/src/lib/ui/note/ui-note.module.ts | 20 ---- libs/ui/src/lib/ui/notification/index.ts | 2 +- .../shared-ui-notification.module.ts | 23 ---- .../snack-bar/snack-bar.component.ts | 36 +++--- libs/ui/src/lib/ui/paginator/index.ts | 2 +- .../paginator/paginator.component.ts | 30 ++--- .../paginator/shared-ui-paginator.module.ts | 13 -- .../expansion-panel.component.ts | 37 ++++-- libs/ui/src/lib/ui/panel/index.ts | 2 +- libs/ui/src/lib/ui/panel/panel.directive.ts | 30 +---- .../src/lib/ui/panel/panel/panel.component.ts | 25 +++- libs/ui/src/lib/ui/panel/ui-panel.module.ts | 64 ---------- libs/ui/src/lib/ui/progress/index.ts | 2 +- .../progress-bar/progress-bar.component.ts | 14 ++- .../progress-spinner.component.ts | 19 ++- .../src/lib/ui/progress/ui-progress.module.ts | 17 --- .../lib/ui/select/base-select.component.ts | 3 +- libs/ui/src/lib/ui/select/index.ts | 2 +- .../select-carousel.component.ts | 38 +++--- .../select-multiple.component.ts | 55 ++++++--- .../select-option/select-option.component.ts | 25 +++- .../select-period/select-period.component.ts | 48 +++++--- .../lib/ui/select/select/select.component.ts | 62 +++++----- libs/ui/src/lib/ui/select/ui-select.module.ts | 71 ----------- libs/ui/src/lib/ui/slide-toggle/index.ts | 2 +- .../slide-toggle/slide-toggle.component.ts | 9 +- .../ui/slide-toggle/ui-slide-toggle.module.ts | 10 -- libs/ui/src/lib/ui/slider/index.ts | 2 +- .../range-slider/range-slider.component.ts | 45 ++++--- .../lib/ui/slider/slider/slider.component.ts | 38 +++--- libs/ui/src/lib/ui/slider/ui-slider.module.ts | 16 --- libs/ui/src/lib/ui/spinner/index.ts | 2 +- .../ui/spinner/spinner/spinner.component.ts | 11 +- .../ui/src/lib/ui/spinner/ui-loader.module.ts | 15 --- libs/ui/src/lib/ui/tab/index.ts | 2 +- libs/ui/src/lib/ui/tab/tab.directive.ts | 10 +- libs/ui/src/lib/ui/tab/tab/tab.component.ts | 25 +++- libs/ui/src/lib/ui/tab/ui-tab.module.ts | 37 ------ .../text/directives/text-color.directive.ts | 5 +- .../text-group-indicator.directive.ts | 5 +- .../text/directives/text-sizes.directive.ts | 45 ++----- .../text/directives/text-styles.directive.ts | 25 +--- .../text/directives/text-weights.directive.ts | 25 +--- libs/ui/src/lib/ui/text/index.ts | 2 +- .../text-area-expansion.component.ts | 20 ++-- .../text-viewer-link.component.ts | 23 ++-- .../text/text-viewer/text-viewer.component.ts | 14 ++- libs/ui/src/lib/ui/text/ui-text.module.ts | 107 ----------------- libs/ui/src/lib/ui/tooltip/index.ts | 2 +- .../src/lib/ui/tooltip/tooltip.directive.ts | 5 +- .../src/lib/ui/tooltip/ui-tooltip.module.ts | 20 ---- .../lib/ui/wrapper/action/action.wrapper.ts | 7 +- .../directives/flex-wrapper.directive.ts | 5 +- .../directives/grid-wrapper.directive.ts | 15 +-- .../directives/position-wrapper.directive.ts | 5 +- .../src/lib/ui/wrapper/form/form.wrapper.ts | 13 +- .../lib/ui/wrapper/header/header.wrapper.ts | 33 ++--- libs/ui/src/lib/ui/wrapper/index.ts | 2 +- .../src/lib/ui/wrapper/list/list.wrapper.ts | 11 +- .../src/lib/ui/wrapper/main/main.wrapper.ts | 17 ++- .../src/lib/ui/wrapper/ui-wrapper.module.ts | 87 -------------- libs/ui/src/lib/util/affix/affix.directive.ts | 10 +- libs/ui/src/lib/util/affix/index.ts | 2 +- .../src/lib/util/affix/util-affix.module.ts | 10 -- .../util/color/directives/colors.directive.ts | 45 ++----- libs/ui/src/lib/util/color/index.ts | 2 +- .../src/lib/util/color/util-color.module.ts | 42 ------- .../directives/menu-children.directive.ts | 5 +- .../menu/directives/menu-entry.directive.ts | 5 +- libs/ui/src/lib/util/menu/index.ts | 2 +- libs/ui/src/lib/util/menu/ui-menu.module.ts | 20 ---- libs/ui/src/lib/util/pipes/index.ts | 2 +- libs/ui/src/lib/util/pipes/pipes.ts | 27 ++--- .../src/lib/util/pipes/util-pipes.module.ts | 13 -- .../lib/util/scroll-to/scroll-to.directive.ts | 5 +- .../lib/util/scroll-to/scroll-to.module.ts | 9 +- .../status/directives/status.directive.ts | 15 +-- libs/ui/src/lib/util/status/index.ts | 2 +- .../util/status/shared-util-status.module.ts | 22 ---- .../util/value/directives/value.directive.ts | 5 +- libs/ui/src/lib/util/value/index.ts | 2 +- .../src/lib/util/value/util-value.module.ts | 11 -- 173 files changed, 1229 insertions(+), 2176 deletions(-) delete mode 100644 libs/ui/src/lib/ui/accordion/accordion.module.ts delete mode 100644 libs/ui/src/lib/ui/banner/banner.module.ts delete mode 100644 libs/ui/src/lib/ui/button/ui-button.module.ts delete mode 100644 libs/ui/src/lib/ui/card/ui-card.module.ts delete mode 100644 libs/ui/src/lib/ui/carousel/ui-carousel.module.ts delete mode 100644 libs/ui/src/lib/ui/chart/chart.module.ts delete mode 100644 libs/ui/src/lib/ui/chip/ui-chip.module.ts delete mode 100644 libs/ui/src/lib/ui/data-grid/shared-ui-data-grid.module.ts delete mode 100644 libs/ui/src/lib/ui/data-table/ui-data-table.module.ts delete mode 100644 libs/ui/src/lib/ui/divider/ui-divider.module.ts delete mode 100644 libs/ui/src/lib/ui/error-status-code/ui-error-status-code.module.ts delete mode 100644 libs/ui/src/lib/ui/form-field/ui-form-field.module.ts delete mode 100644 libs/ui/src/lib/ui/icon/ui-icon.module.ts delete mode 100644 libs/ui/src/lib/ui/image/ui-image.module.ts delete mode 100644 libs/ui/src/lib/ui/list-item/ui-list-item.module.ts delete mode 100644 libs/ui/src/lib/ui/modal/ui-modal.module.ts delete mode 100644 libs/ui/src/lib/ui/note/ui-note.module.ts delete mode 100644 libs/ui/src/lib/ui/notification/shared-ui-notification.module.ts delete mode 100644 libs/ui/src/lib/ui/paginator/shared-ui-paginator.module.ts delete mode 100644 libs/ui/src/lib/ui/panel/ui-panel.module.ts delete mode 100644 libs/ui/src/lib/ui/progress/ui-progress.module.ts delete mode 100644 libs/ui/src/lib/ui/select/ui-select.module.ts delete mode 100644 libs/ui/src/lib/ui/slide-toggle/ui-slide-toggle.module.ts delete mode 100644 libs/ui/src/lib/ui/slider/ui-slider.module.ts delete mode 100644 libs/ui/src/lib/ui/spinner/ui-loader.module.ts delete mode 100644 libs/ui/src/lib/ui/tab/ui-tab.module.ts delete mode 100644 libs/ui/src/lib/ui/text/ui-text.module.ts delete mode 100644 libs/ui/src/lib/ui/tooltip/ui-tooltip.module.ts delete mode 100644 libs/ui/src/lib/ui/wrapper/ui-wrapper.module.ts delete mode 100644 libs/ui/src/lib/util/affix/util-affix.module.ts delete mode 100644 libs/ui/src/lib/util/color/util-color.module.ts delete mode 100644 libs/ui/src/lib/util/menu/ui-menu.module.ts delete mode 100644 libs/ui/src/lib/util/pipes/util-pipes.module.ts delete mode 100644 libs/ui/src/lib/util/status/shared-util-status.module.ts delete mode 100644 libs/ui/src/lib/util/value/util-value.module.ts diff --git a/libs/ui/src/index.ts b/libs/ui/src/index.ts index c8ee443..30b07db 100644 --- a/libs/ui/src/index.ts +++ b/libs/ui/src/index.ts @@ -51,11 +51,10 @@ export * from './lib/ui/panel'; export * from './lib/ui/progress'; export * from './lib/ui/select'; // ./lib/ui/slide-toggle: omitido(s) por colisión con otro módulo -> PiSlideToggleComponent -export { PiSharedUISlideToggleModule } from './lib/ui/slide-toggle'; export * from './lib/ui/slider'; export * from './lib/ui/spinner'; export * from './lib/ui/tab'; // ./lib/ui/text: omitido(s) por colisión con otro módulo -> PiDisabledDirective -export { PiBaseTextViewerComponent, PiSharedUITextModule, PiTextAreaExpansionComponent, PiTextCenteredDirective, PiTextColorDirective, PiTextCoveredDirective, PiTextGroupDirective, PiTextGroupIndicatorDirective, PiTextLargeDirective, PiTextLetterSpacingDirective, PiTextMediumDirective, PiTextSizeDirective, PiTextSmallDirective, PiTextViewerComponent, PiTextViewerLinkComponent, PiTextWeightBlackDirective, PiTextWeightBoldDirective, PiTextWeightLightDirective, PiTextWeightMediumDirective, PiTextWeightNormalDirective, PiTextXLargeDirective, PiTextXSmallDirective, PiTextXXLargeDirective, PiTextXXSmallDirective, PiTextXXXLargeDirective } from './lib/ui/text'; +export { PiBaseTextViewerComponent, PiTextAreaExpansionComponent, PiTextCenteredDirective, PiTextColorDirective, PiTextCoveredDirective, PiTextGroupDirective, PiTextGroupIndicatorDirective, PiTextLargeDirective, PiTextLetterSpacingDirective, PiTextMediumDirective, PiTextSizeDirective, PiTextSmallDirective, PiTextViewerComponent, PiTextViewerLinkComponent, PiTextWeightBlackDirective, PiTextWeightBoldDirective, PiTextWeightLightDirective, PiTextWeightMediumDirective, PiTextWeightNormalDirective, PiTextXLargeDirective, PiTextXSmallDirective, PiTextXXLargeDirective, PiTextXXSmallDirective, PiTextXXXLargeDirective } from './lib/ui/text'; export * from './lib/ui/tooltip'; export * from './lib/ui/wrapper'; diff --git a/libs/ui/src/lib/ui/accordion/accordion.module.ts b/libs/ui/src/lib/ui/accordion/accordion.module.ts deleted file mode 100644 index 7376654..0000000 --- a/libs/ui/src/lib/ui/accordion/accordion.module.ts +++ /dev/null @@ -1,56 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; - -import { TranslatePipe, TranslateDirective } from '@ngx-translate/core'; - -import { PiAccordionComponent } from './accordion/accordion.component'; - -import { CdkAccordionModule } from '@angular/cdk/accordion'; -import { PiSharedUIIconModule } from '../icon'; -import { PiSharedUITextModule } from '../text'; -import { - PiAccordionFooterDirective, - PiAccordionHeaderDirective, - PiAccordionItemContentDirective, - PiAccordionItemDirective, - PiAccordionItemHeaderDirective, - PiAccordionSummaryContentDirective, -} from './directives/accordion-content.directive'; -import { PiSharedUtilColorModule } from '../../util/color'; -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIChipModule } from '../chip'; - -const MATERIAL_MODULES = [CdkAccordionModule]; - -@NgModule({ - imports: [ - CommonModule, - PiSharedUIButtonModule, - PiSharedUIChipModule, - PiSharedUIIconModule, - PiSharedUITextModule, - PiSharedUITextModule, - PiSharedUtilColorModule, - TranslatePipe, TranslateDirective, - MATERIAL_MODULES, - ], - declarations: [ - PiAccordionComponent, - PiAccordionItemHeaderDirective, - PiAccordionItemContentDirective, - PiAccordionItemDirective, - PiAccordionSummaryContentDirective, - PiAccordionHeaderDirective, - PiAccordionFooterDirective, - ], - exports: [ - PiAccordionComponent, - PiAccordionItemHeaderDirective, - PiAccordionItemContentDirective, - PiAccordionItemDirective, - PiAccordionSummaryContentDirective, - PiAccordionHeaderDirective, - PiAccordionFooterDirective, - ], -}) -export class PiSharedUIAccordionModule {} diff --git a/libs/ui/src/lib/ui/accordion/accordion/accordion.component.ts b/libs/ui/src/lib/ui/accordion/accordion/accordion.component.ts index f601df8..9314087 100644 --- a/libs/ui/src/lib/ui/accordion/accordion/accordion.component.ts +++ b/libs/ui/src/lib/ui/accordion/accordion/accordion.component.ts @@ -13,14 +13,31 @@ import { SimpleChanges, } from '@angular/core'; import { padding, styleType, textColor } from '../../../styles'; -import { PiAccordionItemDirective } from '../directives/accordion-content.directive'; +import { PiAccordionItemDirective } from '../directives/accordion-content.directive'; +import { NgIf, NgFor, NgTemplateOutlet } from '@angular/common'; +import { PiDynamicColorDirective } from '../../../util/color/directives/colors.directive'; +import { PiTextViewerComponent } from '../../text/text-viewer/text-viewer.component'; +import { PiChipStatusComponent } from '../../chip/chip-status/chip-status.component'; +import { PiIconButtonComponent } from '../../button/icon-button/icon-button.component'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-accordion', - templateUrl: './accordion.component.html', - styleUrls: ['../styles/accordion.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-accordion', + templateUrl: './accordion.component.html', + styleUrls: ['../styles/accordion.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + NgFor, + PiDynamicColorDirective, + PiTextViewerComponent, + NgTemplateOutlet, + PiChipStatusComponent, + PiIconButtonComponent, + PiIconComponent, + TranslatePipe, + ], }) export class PiAccordionComponent implements OnChanges, AfterContentInit { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/accordion/directives/accordion-content.directive.ts b/libs/ui/src/lib/ui/accordion/directives/accordion-content.directive.ts index e9abe36..0434232 100644 --- a/libs/ui/src/lib/ui/accordion/directives/accordion-content.directive.ts +++ b/libs/ui/src/lib/ui/accordion/directives/accordion-content.directive.ts @@ -13,10 +13,7 @@ import { status } from '../../../util/status'; * If it is needed it must be used as a Header for the whole accordion. */ -@Directive({ - standalone: false, - selector: 'pi-accordion-header', -}) +@Directive({ selector: 'pi-accordion-header', }) export class PiAccordionHeaderDirective { @HostBinding('class') className = 'pi-accordion-header'; } @@ -26,27 +23,18 @@ export class PiAccordionHeaderDirective { */ // Accordion Item Header Content -@Directive({ - standalone: false, - selector: '[pi-accordion-item-header-content]', -}) +@Directive({ selector: '[pi-accordion-item-header-content]', }) export class PiAccordionItemHeaderDirective { constructor(public templateRef: TemplateRef) {} } // Accordion Item Summary Content -@Directive({ - standalone: false, - selector: '[pi-accordion-item-summary-content]', -}) +@Directive({ selector: '[pi-accordion-item-summary-content]', }) export class PiAccordionSummaryContentDirective { constructor(public templateRef: TemplateRef) {} } // Accordion Item Expandable Content -@Directive({ - standalone: false, - selector: '[pi-accordion-item-expandable-content]', -}) +@Directive({ selector: '[pi-accordion-item-expandable-content]', }) export class PiAccordionItemContentDirective { constructor(public templateRef: TemplateRef) {} } @@ -55,18 +43,12 @@ export class PiAccordionItemContentDirective { * The accordion footer is a separated content of the accordion items group. * If it is needed it must be used as a Footer for the whole accordion. */ -@Directive({ - standalone: false, - selector: 'pi-accordion-footer', -}) +@Directive({ selector: 'pi-accordion-footer', }) export class PiAccordionFooterDirective { @HostBinding('class') className = 'pi-accordion-footer'; } -@Directive({ - standalone: false, - selector: 'pi-accordion-item', -}) +@Directive({ selector: 'pi-accordion-item', }) export class PiAccordionItemDirective { @Input() title = ''; @Input() subtitle = ''; diff --git a/libs/ui/src/lib/ui/accordion/index.ts b/libs/ui/src/lib/ui/accordion/index.ts index 7c8b4e8..a0c6511 100644 --- a/libs/ui/src/lib/ui/accordion/index.ts +++ b/libs/ui/src/lib/ui/accordion/index.ts @@ -1,4 +1,4 @@ -export * from './accordion.module'; + export * from './accordion/accordion.component'; diff --git a/libs/ui/src/lib/ui/banner/banner.module.ts b/libs/ui/src/lib/ui/banner/banner.module.ts deleted file mode 100644 index 478611a..0000000 --- a/libs/ui/src/lib/ui/banner/banner.module.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiBannerComponent } from './banner/banner.component'; - -// Shared -import { PiSharedUITextModule } from '../text'; -import { PiSharedUIWrapperModule } from '../wrapper'; -import { PiSharedUtilColorModule } from '../../util/color'; -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIImageModule } from '../image'; - -@NgModule({ - imports: [CommonModule, PiSharedUITextModule, PiSharedUIWrapperModule, PiSharedUtilColorModule, PiSharedUIButtonModule, PiSharedUIImageModule], - declarations: [PiBannerComponent], - exports: [PiBannerComponent], -}) -export class PiSharedUIBannerModule {} diff --git a/libs/ui/src/lib/ui/banner/banner/banner.component.ts b/libs/ui/src/lib/ui/banner/banner/banner.component.ts index 49205e2..22503e0 100644 --- a/libs/ui/src/lib/ui/banner/banner/banner.component.ts +++ b/libs/ui/src/lib/ui/banner/banner/banner.component.ts @@ -1,10 +1,19 @@ -import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core'; +import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core'; +import { PiBackgroundImageDirective } from '../../image/background-image.directive'; +import { PiTextWeightBoldDirective } from '../../text/directives/text-weights.directive'; +import { NgIf } from '@angular/common'; +import { PiIconButtonComponent } from '../../button/icon-button/icon-button.component'; @Component({ - standalone: false, - selector: 'pi-banner', - templateUrl: './banner.component.html', - styleUrls: ['./banner.component.scss'], + selector: 'pi-banner', + templateUrl: './banner.component.html', + styleUrls: ['./banner.component.scss'], + imports: [ + PiBackgroundImageDirective, + PiTextWeightBoldDirective, + NgIf, + PiIconButtonComponent, + ], }) export class PiBannerComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/banner/index.ts b/libs/ui/src/lib/ui/banner/index.ts index 0a30991..9729b06 100644 --- a/libs/ui/src/lib/ui/banner/index.ts +++ b/libs/ui/src/lib/ui/banner/index.ts @@ -1,3 +1,3 @@ -export * from './banner.module'; + export * from './banner/banner.component'; diff --git a/libs/ui/src/lib/ui/button/action-button/action-button.component.ts b/libs/ui/src/lib/ui/button/action-button/action-button.component.ts index e43d919..41d96a1 100644 --- a/libs/ui/src/lib/ui/button/action-button/action-button.component.ts +++ b/libs/ui/src/lib/ui/button/action-button/action-button.component.ts @@ -1,13 +1,14 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; import { buttonSize, mode } from '../../../styles'; -import { PiBaseButtonComponent } from '../base-button.component'; +import { PiBaseButtonComponent } from '../base-button.component'; +import { NgIf } from '@angular/common'; @Component({ - standalone: false, - selector: 'pi-action-button', - templateUrl: './action-button.component.html', - styleUrls: ['./action-button.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-action-button', + templateUrl: './action-button.component.html', + styleUrls: ['./action-button.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf], }) export class PiActionButtonComponent extends PiBaseButtonComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/button/button.directive.ts b/libs/ui/src/lib/ui/button/button.directive.ts index 9e5f486..8d98d00 100644 --- a/libs/ui/src/lib/ui/button/button.directive.ts +++ b/libs/ui/src/lib/ui/button/button.directive.ts @@ -2,10 +2,7 @@ import { Directive, HostBinding, Input } from '@angular/core'; import { buttonSize } from '../../styles'; // Style -@Directive({ - standalone: false, - selector: '[pi-ghost]', -}) +@Directive({ selector: '[pi-ghost]', }) export class PiGhostButtonDirective { @HostBinding('class') get classes(): string { const hasPaddingClass = this.hasPadding ? '' : 'pi-button__trimmed'; @@ -14,20 +11,14 @@ export class PiGhostButtonDirective { @Input() hasPadding = true; } -@Directive({ - standalone: false, - selector: '[pi-outline]', -}) +@Directive({ selector: '[pi-outline]', }) export class PiOutlineButtonDirective { @HostBinding('class') get classes(): string { return 'pi-button pi-button__appearance--outline'; } } -@Directive({ - standalone: false, - selector: '[pi-button-size]', -}) +@Directive({ selector: '[pi-button-size]', }) export class PiButtonSizeDirective { @HostBinding('class') get classes(): string { return this.sizeClass; @@ -41,10 +32,7 @@ export class PiButtonSizeDirective { } // Size -@Directive({ - standalone: false, - selector: '[xx-small]', -}) +@Directive({ selector: '[xx-small]', }) export class PiXXSmallButtonDirective { @HostBinding('class') get classes(): string { return 'pi-button pi-button__xx-small'; @@ -52,50 +40,35 @@ export class PiXXSmallButtonDirective { } // Size -@Directive({ - standalone: false, - selector: '[x-small]', -}) +@Directive({ selector: '[x-small]', }) export class PiXSmallButtonDirective { @HostBinding('class') get classes(): string { return 'pi-button pi-button__x-small'; } } -@Directive({ - standalone: false, - selector: '[small]', -}) +@Directive({ selector: '[small]', }) export class PiSmallButtonDirective { @HostBinding('class') get classes(): string { return 'pi-button pi-button__small'; } } -@Directive({ - standalone: false, - selector: '[medium]', -}) +@Directive({ selector: '[medium]', }) export class PiMediumButtonDirective { @HostBinding('class') get classes(): string { return 'pi-button pi-button__medium'; } } -@Directive({ - standalone: false, - selector: '[large]', -}) +@Directive({ selector: '[large]', }) export class PiLargeButtonDirective { @HostBinding('class') get classes(): string { return 'pi-button pi-button__large'; } } -@Directive({ - standalone: false, - selector: '[w100]', -}) +@Directive({ selector: '[w100]', }) export class PiW100ButtonDirective { @HostBinding('class') get classes(): string { return 'pi-button pi-button__w100'; diff --git a/libs/ui/src/lib/ui/button/chevron-button/chevron-button.component.ts b/libs/ui/src/lib/ui/button/chevron-button/chevron-button.component.ts index 90f3fd5..eb9dd68 100644 --- a/libs/ui/src/lib/ui/button/chevron-button/chevron-button.component.ts +++ b/libs/ui/src/lib/ui/button/chevron-button/chevron-button.component.ts @@ -7,14 +7,15 @@ import { Output, } from '@angular/core'; import { ComponentFamilyClass } from '../../../styles'; -import { PiBaseButtonComponent } from '../base-button.component'; +import { PiBaseButtonComponent } from '../base-button.component'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-chevron-button', - templateUrl: './chevron-button.component.html', - styleUrls: ['./chevron-button.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-chevron-button', + templateUrl: './chevron-button.component.html', + styleUrls: ['./chevron-button.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [MatIcon], }) export class PiChevronButtonComponent extends PiBaseButtonComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/button/close-button/close-button.component.ts b/libs/ui/src/lib/ui/button/close-button/close-button.component.ts index f8584c1..05f2fd9 100644 --- a/libs/ui/src/lib/ui/button/close-button/close-button.component.ts +++ b/libs/ui/src/lib/ui/button/close-button/close-button.component.ts @@ -7,14 +7,15 @@ import { Output, } from '@angular/core'; import { ComponentFamilyClass } from '../../../styles'; -import { PiBaseButtonComponent } from '../base-button.component'; +import { PiBaseButtonComponent } from '../base-button.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-close-button', - templateUrl: './close-button.component.html', - styleUrls: ['./close-button.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-close-button', + templateUrl: './close-button.component.html', + styleUrls: ['./close-button.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [TranslatePipe], }) export class PiCloseButtonComponent extends PiBaseButtonComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/button/hamburger/hamburger.component.ts b/libs/ui/src/lib/ui/button/hamburger/hamburger.component.ts index 913ff78..77a69cc 100644 --- a/libs/ui/src/lib/ui/button/hamburger/hamburger.component.ts +++ b/libs/ui/src/lib/ui/button/hamburger/hamburger.component.ts @@ -1,13 +1,14 @@ import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Output } from '@angular/core'; import { ComponentFamilyClass } from '../../../styles'; -import { PiBaseButtonComponent } from '../base-button.component'; +import { PiBaseButtonComponent } from '../base-button.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-hamburger', - templateUrl: './hamburger.component.html', - styleUrls: ['./hamburger.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-hamburger', + templateUrl: './hamburger.component.html', + styleUrls: ['./hamburger.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [TranslatePipe], }) export class PiHamburgerComponent extends PiBaseButtonComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/button/icon-button/icon-button.component.ts b/libs/ui/src/lib/ui/button/icon-button/icon-button.component.ts index 34b47a5..61648c4 100644 --- a/libs/ui/src/lib/ui/button/icon-button/icon-button.component.ts +++ b/libs/ui/src/lib/ui/button/icon-button/icon-button.component.ts @@ -7,14 +7,16 @@ import { ViewChild, } from '@angular/core'; import { buttonSize, mode } from '../../../styles'; -import { PiBaseButtonComponent } from '../base-button.component'; +import { PiBaseButtonComponent } from '../base-button.component'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-icon-button', - templateUrl: './icon-button.component.html', - styleUrls: ['./icon-button.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-icon-button', + templateUrl: './icon-button.component.html', + styleUrls: ['./icon-button.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiIconButtonComponent extends PiBaseButtonComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/button/index.ts b/libs/ui/src/lib/ui/button/index.ts index 5987533..e1db5ce 100644 --- a/libs/ui/src/lib/ui/button/index.ts +++ b/libs/ui/src/lib/ui/button/index.ts @@ -10,7 +10,7 @@ export * from './switch-button/switch-button.component'; export * from './toggle-button/toggle-button.component'; // Export button's module -export * from './ui-button.module'; + // Export button's directive export * from './button.directive'; diff --git a/libs/ui/src/lib/ui/button/radio-button/radio-button.component.ts b/libs/ui/src/lib/ui/button/radio-button/radio-button.component.ts index ea09218..95aea5e 100644 --- a/libs/ui/src/lib/ui/button/radio-button/radio-button.component.ts +++ b/libs/ui/src/lib/ui/button/radio-button/radio-button.component.ts @@ -1,12 +1,14 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; -import { PiBaseButtonComponent } from '../base-button.component'; +import { PiBaseButtonComponent } from '../base-button.component'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-radio-button', - templateUrl: './radio-button.component.html', - styleUrls: ['./radio-button.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-radio-button', + templateUrl: './radio-button.component.html', + styleUrls: ['./radio-button.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiRadioButtonComponent extends PiBaseButtonComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/button/switch-button/switch-button.component.ts b/libs/ui/src/lib/ui/button/switch-button/switch-button.component.ts index 6411fb4..bf8cdc9 100644 --- a/libs/ui/src/lib/ui/button/switch-button/switch-button.component.ts +++ b/libs/ui/src/lib/ui/button/switch-button/switch-button.component.ts @@ -7,14 +7,16 @@ import { Output, } from '@angular/core'; import { ComponentFamilyClass } from '../../../styles'; -import { PiBaseButtonComponent } from '../base-button.component'; +import { PiBaseButtonComponent } from '../base-button.component'; +import { NgTemplateOutlet } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-switch-button', - templateUrl: './switch-button.component.html', - styleUrls: ['./switch-button.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-switch-button', + templateUrl: './switch-button.component.html', + styleUrls: ['./switch-button.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgTemplateOutlet, MatIcon], }) export class PiSwitchButtonComponent extends PiBaseButtonComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/button/switch-button/switch-button.directive.ts b/libs/ui/src/lib/ui/button/switch-button/switch-button.directive.ts index 390100c..9a419c0 100644 --- a/libs/ui/src/lib/ui/button/switch-button/switch-button.directive.ts +++ b/libs/ui/src/lib/ui/button/switch-button/switch-button.directive.ts @@ -1,33 +1,21 @@ import { Directive, HostBinding } from '@angular/core'; -@Directive({ - standalone: false, - selector: 'pi-prefix-left', -}) +@Directive({ selector: 'pi-prefix-left', }) export class PiSwitchButtonPrefixLeftDirective { @HostBinding('class') className = 'pi-switch-button__prefix--left'; } -@Directive({ - standalone: false, - selector: 'pi-suffix-left', -}) +@Directive({ selector: 'pi-suffix-left', }) export class PiSwitchButtonSuffixLeftDirective { @HostBinding('class') className = 'pi-switch-button__suffix--left'; } -@Directive({ - standalone: false, - selector: 'pi-prefix-right', - }) +@Directive({ selector: 'pi-prefix-right', }) export class PiSwitchButtonPrefixRightDirective { @HostBinding('class') className = 'pi-switch-button__prefix--right'; } - @Directive({ - standalone: false, - selector: 'pi-suffix-right', - }) + @Directive({ selector: 'pi-suffix-right', }) export class PiSwitchButtonSuffixRightDirective { @HostBinding('class') className = 'pi-switch-button__suffix--right'; } diff --git a/libs/ui/src/lib/ui/button/toggle-button/toggle-button.component.ts b/libs/ui/src/lib/ui/button/toggle-button/toggle-button.component.ts index 041151a..c09a70b 100644 --- a/libs/ui/src/lib/ui/button/toggle-button/toggle-button.component.ts +++ b/libs/ui/src/lib/ui/button/toggle-button/toggle-button.component.ts @@ -1,13 +1,15 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; import { buttonSize } from '../../../styles'; -import { PiBaseButtonComponent } from '../base-button.component'; +import { PiBaseButtonComponent } from '../base-button.component'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-toggle-button', - templateUrl: './toggle-button.component.html', - styleUrls: ['./toggle-button.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-toggle-button', + templateUrl: './toggle-button.component.html', + styleUrls: ['./toggle-button.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiToggleButtonComponent extends PiBaseButtonComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/button/ui-button.module.ts b/libs/ui/src/lib/ui/button/ui-button.module.ts deleted file mode 100644 index c7fc560..0000000 --- a/libs/ui/src/lib/ui/button/ui-button.module.ts +++ /dev/null @@ -1,88 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { TranslatePipe, TranslateDirective } from '@ngx-translate/core'; - -import { MatIconModule } from '@angular/material/icon'; - -import { - PiButtonSizeDirective, - PiGhostButtonDirective, - PiLargeButtonDirective, - PiMediumButtonDirective, - PiOutlineButtonDirective, - PiSmallButtonDirective, - PiW100ButtonDirective, - PiXSmallButtonDirective, - PiXXSmallButtonDirective, -} from './button.directive'; -import { PiCloseButtonComponent } from './close-button/close-button.component'; -import { PiHamburgerComponent } from './hamburger/hamburger.component'; -import { PiIconButtonComponent } from './icon-button/icon-button.component'; - -import { PiSharedUIIconModule } from '../icon'; -import { PiChevronButtonComponent } from './chevron-button/chevron-button.component'; -import { PiSwitchButtonComponent } from './switch-button/switch-button.component'; -import { PiToggleButtonComponent } from './toggle-button/toggle-button.component'; -import { PiRadioButtonComponent } from './radio-button/radio-button.component'; -import { PiActionButtonComponent } from './action-button/action-button.component'; -import { - PiSwitchButtonPrefixLeftDirective, - PiSwitchButtonSuffixLeftDirective, - PiSwitchButtonPrefixRightDirective, - PiSwitchButtonSuffixRightDirective, -} from './switch-button/switch-button.directive'; - -@NgModule({ - imports: [CommonModule, TranslatePipe, TranslateDirective, PiSharedUIIconModule, MatIconModule], - declarations: [ - PiActionButtonComponent, - PiChevronButtonComponent, - PiCloseButtonComponent, - PiGhostButtonDirective, - PiButtonSizeDirective, - PiHamburgerComponent, - PiIconButtonComponent, - PiLargeButtonDirective, - PiMediumButtonDirective, - PiOutlineButtonDirective, - PiRadioButtonComponent, - PiSmallButtonDirective, - PiSwitchButtonComponent, - PiToggleButtonComponent, - PiW100ButtonDirective, - PiXSmallButtonDirective, - PiXXSmallButtonDirective, - PiRadioButtonComponent, - PiSwitchButtonPrefixLeftDirective, - PiSwitchButtonSuffixLeftDirective, - PiSwitchButtonPrefixRightDirective, - PiSwitchButtonSuffixRightDirective, - ], - - exports: [ - PiActionButtonComponent, - PiChevronButtonComponent, - PiCloseButtonComponent, - PiButtonSizeDirective, - PiCloseButtonComponent, - PiGhostButtonDirective, - PiHamburgerComponent, - PiIconButtonComponent, - PiLargeButtonDirective, - PiMediumButtonDirective, - PiOutlineButtonDirective, - PiRadioButtonComponent, - PiSmallButtonDirective, - PiSwitchButtonComponent, - PiToggleButtonComponent, - PiW100ButtonDirective, - PiXSmallButtonDirective, - PiXXSmallButtonDirective, - PiRadioButtonComponent, - PiSwitchButtonSuffixLeftDirective, - PiSwitchButtonPrefixLeftDirective, - PiSwitchButtonPrefixRightDirective, - PiSwitchButtonSuffixRightDirective, - ], -}) -export class PiSharedUIButtonModule {} diff --git a/libs/ui/src/lib/ui/card/card/card.component.ts b/libs/ui/src/lib/ui/card/card/card.component.ts index b2ccec3..7749c19 100644 --- a/libs/ui/src/lib/ui/card/card/card.component.ts +++ b/libs/ui/src/lib/ui/card/card/card.component.ts @@ -2,13 +2,15 @@ import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core'; // Components -import { PiBaseCardComponent } from '../base-card.component'; +import { PiBaseCardComponent } from '../base-card.component'; +import { NgIf } from '@angular/common'; +import { PiIconComponent } from '../../icon/icon/icon.component'; @Component({ - standalone: false, - selector: 'pi-card', - templateUrl: './card.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-card', + templateUrl: './card.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, PiIconComponent], }) export class PiCardComponent extends PiBaseCardComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/card/directives/card.directive.ts b/libs/ui/src/lib/ui/card/directives/card.directive.ts index 862003e..32629b3 100644 --- a/libs/ui/src/lib/ui/card/directives/card.directive.ts +++ b/libs/ui/src/lib/ui/card/directives/card.directive.ts @@ -1,42 +1,29 @@ import { Directive, HostBinding, Input } from '@angular/core'; @Directive({ - standalone: false, - selector: 'pi-card-top-content', - host: { - class: 'pi-card-content pi-card-content__top', - }, + selector: 'pi-card-top-content', + host: { + class: 'pi-card-content pi-card-content__top', + }, }) export class PiCardTopContentDirective {} -@Directive({ - standalone: false, - selector: 'pi-card-center-content', -}) +@Directive({ selector: 'pi-card-center-content', }) export class PiCardCenterContentDirective { @HostBinding('class') className = 'pi-card-content pi-card-content__center'; } -@Directive({ - standalone: false, - selector: 'pi-card-bottom-content', -}) +@Directive({ selector: 'pi-card-bottom-content', }) export class PiCardBottomContentDirective { @HostBinding('class') className = 'pi-card-content pi-card-content__bottom'; } -@Directive({ - standalone: false, - selector: 'pi-card-left-content', -}) +@Directive({ selector: 'pi-card-left-content', }) export class PiCardLeftContentDirective { @HostBinding('class') className = 'pi-card-content pi-card-content__left'; } -@Directive({ - standalone: false, - selector: 'pi-card-right-content', -}) +@Directive({ selector: 'pi-card-right-content', }) export class PiCardRightContentDirective { @HostBinding('class') className = 'pi-card-content pi-card-content__right'; } diff --git a/libs/ui/src/lib/ui/card/index.ts b/libs/ui/src/lib/ui/card/index.ts index 4f63638..e4b0a68 100644 --- a/libs/ui/src/lib/ui/card/index.ts +++ b/libs/ui/src/lib/ui/card/index.ts @@ -1,4 +1,4 @@ -export * from './ui-card.module'; + export * from './card/card.component'; diff --git a/libs/ui/src/lib/ui/card/ui-card.module.ts b/libs/ui/src/lib/ui/card/ui-card.module.ts deleted file mode 100644 index 3e1f8d4..0000000 --- a/libs/ui/src/lib/ui/card/ui-card.module.ts +++ /dev/null @@ -1,32 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { PiSharedUIIconModule } from '../icon'; -import { PiCardComponent } from './card/card.component'; -import { - PiCardBottomContentDirective, - PiCardCenterContentDirective, - PiCardLeftContentDirective, - PiCardRightContentDirective, - PiCardTopContentDirective, -} from './directives/card.directive'; - -@NgModule({ - imports: [CommonModule, PiSharedUIIconModule], - declarations: [ - PiCardComponent, - PiCardTopContentDirective, - PiCardCenterContentDirective, - PiCardBottomContentDirective, - PiCardLeftContentDirective, - PiCardRightContentDirective, - ], - exports: [ - PiCardComponent, - PiCardTopContentDirective, - PiCardCenterContentDirective, - PiCardBottomContentDirective, - PiCardLeftContentDirective, - PiCardRightContentDirective, - ], -}) -export class PiSharedUICardModule {} diff --git a/libs/ui/src/lib/ui/carousel/carousel.directive.ts b/libs/ui/src/lib/ui/carousel/carousel.directive.ts index dee3ff1..e8ce607 100644 --- a/libs/ui/src/lib/ui/carousel/carousel.directive.ts +++ b/libs/ui/src/lib/ui/carousel/carousel.directive.ts @@ -1,9 +1,8 @@ import { Directive, TemplateRef, ViewContainerRef } from '@angular/core'; @Directive({ - standalone: false, - selector: '[pi-carousel-item]', - host: { class: 'pi-carousel pi-carousel__item' }, + selector: '[pi-carousel-item]', + host: { class: 'pi-carousel pi-carousel__item' }, }) export class PiCarouselItemDirective { constructor(public templateRef: TemplateRef, public viewContainerRef: ViewContainerRef) {} diff --git a/libs/ui/src/lib/ui/carousel/carousel/carousel.component.ts b/libs/ui/src/lib/ui/carousel/carousel/carousel.component.ts index e7d491f..96fe63a 100644 --- a/libs/ui/src/lib/ui/carousel/carousel/carousel.component.ts +++ b/libs/ui/src/lib/ui/carousel/carousel/carousel.component.ts @@ -24,14 +24,21 @@ import { import { ComponentFamilyClass, justify, theming } from '../../../styles'; import { Device, DeviceConfigsFacade } from '../../../util/device-configs'; import { PiCarouselItemDirective } from '../carousel.directive'; -import { Subject, combineLatest, skip, takeUntil } from 'rxjs'; +import { Subject, combineLatest, skip, takeUntil } from 'rxjs'; +import { NgIf, NgFor, NgTemplateOutlet } from '@angular/common'; +import { PiIconButtonComponent } from '../../button/icon-button/icon-button.component'; @Component({ - standalone: false, - selector: 'pi-carousel', - templateUrl: './carousel.component.html', - styleUrls: ['./carousel.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-carousel', + templateUrl: './carousel.component.html', + styleUrls: ['./carousel.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + PiIconButtonComponent, + NgFor, + NgTemplateOutlet, + ], }) export class PiCarouselComponent implements OnInit, OnChanges, AfterViewInit, AfterViewChecked, OnDestroy diff --git a/libs/ui/src/lib/ui/carousel/index.ts b/libs/ui/src/lib/ui/carousel/index.ts index 2d9de10..20d8a05 100644 --- a/libs/ui/src/lib/ui/carousel/index.ts +++ b/libs/ui/src/lib/ui/carousel/index.ts @@ -1,4 +1,4 @@ -export * from './ui-carousel.module'; + export * from './carousel/carousel.component'; diff --git a/libs/ui/src/lib/ui/carousel/ui-carousel.module.ts b/libs/ui/src/lib/ui/carousel/ui-carousel.module.ts deleted file mode 100644 index 2e5c978..0000000 --- a/libs/ui/src/lib/ui/carousel/ui-carousel.module.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiCarouselComponent } from './carousel/carousel.component'; -import { PiCarouselItemDirective } from './carousel.directive'; -import { PiSharedUIButtonModule } from '../button'; - -@NgModule({ - imports: [ - CommonModule, - PiSharedUIButtonModule, - ], - declarations: [PiCarouselComponent, PiCarouselItemDirective], - exports: [PiCarouselComponent, PiCarouselItemDirective], -}) -export class PiSharedUICarouselModule {} diff --git a/libs/ui/src/lib/ui/chart/chart-legend/chart-legend.component.ts b/libs/ui/src/lib/ui/chart/chart-legend/chart-legend.component.ts index 5f16dbd..de06a24 100644 --- a/libs/ui/src/lib/ui/chart/chart-legend/chart-legend.component.ts +++ b/libs/ui/src/lib/ui/chart/chart-legend/chart-legend.component.ts @@ -6,14 +6,16 @@ import { Input, Output } from '@angular/core'; -import { Dataset } from '../../../util/models'; +import { Dataset } from '../../../util/models'; +import { NgFor } from '@angular/common'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-chart-legend', - templateUrl: './chart-legend.component.html', - styleUrls: ['./chart-legend.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-chart-legend', + templateUrl: './chart-legend.component.html', + styleUrls: ['./chart-legend.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgFor, TranslatePipe], }) export class PiChartLegendComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/chart/chart.module.ts b/libs/ui/src/lib/ui/chart/chart.module.ts deleted file mode 100644 index cf226f5..0000000 --- a/libs/ui/src/lib/ui/chart/chart.module.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiChartComponent } from './chart/chart.component'; -import { PiChartLegendComponent } from './chart-legend/chart-legend.component'; -import { TranslatePipe, TranslateDirective } from '@ngx-translate/core'; - -@NgModule({ - imports: [ - CommonModule, - TranslatePipe, TranslateDirective, - ], - declarations: [PiChartComponent, PiChartLegendComponent], - exports: [PiChartComponent, PiChartLegendComponent], -}) -export class PiSharedUIChartModule {} diff --git a/libs/ui/src/lib/ui/chart/chart/chart.component.ts b/libs/ui/src/lib/ui/chart/chart/chart.component.ts index fdcb3eb..f4979a4 100644 --- a/libs/ui/src/lib/ui/chart/chart/chart.component.ts +++ b/libs/ui/src/lib/ui/chart/chart/chart.component.ts @@ -24,7 +24,8 @@ import { Title, Tooltip, } from 'chart.js'; -import { datasetConfig, scalesConfig, tooltipConfig } from '../chart.configs'; +import { datasetConfig, scalesConfig, tooltipConfig } from '../chart.configs'; +import { PiChartLegendComponent } from '../chart-legend/chart-legend.component'; function registerChartComponents() { Chart.register(CategoryScale); @@ -41,11 +42,11 @@ function registerChartComponents() { registerChartComponents(); @Component({ - standalone: false, - selector: 'pi-chart', - templateUrl: './chart.component.html', - styleUrls: ['./chart.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-chart', + templateUrl: './chart.component.html', + styleUrls: ['./chart.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [PiChartLegendComponent], }) export class PiChartComponent implements OnInit, AfterViewInit { @Input() type: 'line' | 'bar' = 'line'; diff --git a/libs/ui/src/lib/ui/chart/index.ts b/libs/ui/src/lib/ui/chart/index.ts index 85c350c..f4e7466 100644 --- a/libs/ui/src/lib/ui/chart/index.ts +++ b/libs/ui/src/lib/ui/chart/index.ts @@ -1,4 +1,4 @@ -export * from './chart.module'; + export * from './chart/chart.component'; diff --git a/libs/ui/src/lib/ui/chip/chip-action/chip-action.component.ts b/libs/ui/src/lib/ui/chip/chip-action/chip-action.component.ts index 52e246e..bbc8f46 100644 --- a/libs/ui/src/lib/ui/chip/chip-action/chip-action.component.ts +++ b/libs/ui/src/lib/ui/chip/chip-action/chip-action.component.ts @@ -8,14 +8,16 @@ import { } from '@angular/core'; import { ComponentFamilyClass, mode, styleType } from '../../../styles'; import { PiBaseChipComponent } from '../base-chip.component'; -import { chipColor } from '../entities/chip.model'; +import { chipColor } from '../entities/chip.model'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-chip-action', - templateUrl: './chip-action.component.html', - styleUrls: ['./chip-action.component.scss', '../styles/base-chip.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-chip-action', + templateUrl: './chip-action.component.html', + styleUrls: ['./chip-action.component.scss', '../styles/base-chip.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiChipActionComponent extends PiBaseChipComponent { @HostBinding('class') get actionClasses(): string { diff --git a/libs/ui/src/lib/ui/chip/chip-date/chip-date.component.ts b/libs/ui/src/lib/ui/chip/chip-date/chip-date.component.ts index 2c8d711..0eebead 100644 --- a/libs/ui/src/lib/ui/chip/chip-date/chip-date.component.ts +++ b/libs/ui/src/lib/ui/chip/chip-date/chip-date.component.ts @@ -10,14 +10,15 @@ import { ComponentFamilyClass, theming } from '../../../styles'; import { Date } from '../../../util/models'; import { PiBaseChipComponent } from '../base-chip.component'; import { DateTime } from 'luxon'; -import _ from 'lodash'; +import _ from 'lodash'; +import { NgIf } from '@angular/common'; @Component({ - standalone: false, - selector: 'pi-chip-date', - templateUrl: './chip-date.component.html', - styleUrls: ['./chip-date.component.scss', '../styles/base-chip.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-chip-date', + templateUrl: './chip-date.component.html', + styleUrls: ['./chip-date.component.scss', '../styles/base-chip.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf], }) export class PiChipDateComponent extends PiBaseChipComponent { @HostBinding('class') get dateClasses(): string { diff --git a/libs/ui/src/lib/ui/chip/chip-status/chip-status.component.ts b/libs/ui/src/lib/ui/chip/chip-status/chip-status.component.ts index 3aafa64..407bcdc 100644 --- a/libs/ui/src/lib/ui/chip/chip-status/chip-status.component.ts +++ b/libs/ui/src/lib/ui/chip/chip-status/chip-status.component.ts @@ -2,14 +2,16 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular // Shared import { status } from '../../../util/status'; -import { PiBaseChipComponent } from '../base-chip.component'; +import { PiBaseChipComponent } from '../base-chip.component'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-chip-status', - templateUrl: './chip-status.component.html', - styleUrls: ['./chip-status.component.scss', '../styles/base-chip.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-chip-status', + templateUrl: './chip-status.component.html', + styleUrls: ['./chip-status.component.scss', '../styles/base-chip.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiChipStatusComponent extends PiBaseChipComponent { @HostBinding('class') get statusClasses(): string { diff --git a/libs/ui/src/lib/ui/chip/chip-time/chip-time.component.ts b/libs/ui/src/lib/ui/chip/chip-time/chip-time.component.ts index 325949e..14b44c4 100644 --- a/libs/ui/src/lib/ui/chip/chip-time/chip-time.component.ts +++ b/libs/ui/src/lib/ui/chip/chip-time/chip-time.component.ts @@ -9,14 +9,16 @@ import { import { ComponentFamilyClass } from '../../../styles'; import { DateTime } from 'luxon'; import { PiBaseChipComponent } from '../base-chip.component'; -import { chipThemingColor } from '../entities/chip.model'; +import { chipThemingColor } from '../entities/chip.model'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-chip-time', - templateUrl: './chip-time.component.html', - styleUrls: ['./chip-time.component.scss', '../styles/base-chip.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-chip-time', + templateUrl: './chip-time.component.html', + styleUrls: ['./chip-time.component.scss', '../styles/base-chip.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiChipTimeComponent extends PiBaseChipComponent { @HostBinding('class') get dateClasses(): string { diff --git a/libs/ui/src/lib/ui/chip/chip-value/chip-value.component.ts b/libs/ui/src/lib/ui/chip/chip-value/chip-value.component.ts index 28bae84..8fdc4bb 100644 --- a/libs/ui/src/lib/ui/chip/chip-value/chip-value.component.ts +++ b/libs/ui/src/lib/ui/chip/chip-value/chip-value.component.ts @@ -1,13 +1,14 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; import { PiBaseChipComponent } from '../base-chip.component'; -import { unit } from '../../../util/models'; +import { unit } from '../../../util/models'; +import { NgIf } from '@angular/common'; @Component({ - standalone: false, - selector: 'pi-chip-value', - templateUrl: './chip-value.component.html', - styleUrls: ['./chip-value.component.scss', '../styles/base-chip.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-chip-value', + templateUrl: './chip-value.component.html', + styleUrls: ['./chip-value.component.scss', '../styles/base-chip.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf], }) export class PiChipValueComponent extends PiBaseChipComponent { @HostBinding('class') get valueClasses(): string { diff --git a/libs/ui/src/lib/ui/chip/chip/chip.component.ts b/libs/ui/src/lib/ui/chip/chip/chip.component.ts index 1d1e9dc..5564f73 100644 --- a/libs/ui/src/lib/ui/chip/chip/chip.component.ts +++ b/libs/ui/src/lib/ui/chip/chip/chip.component.ts @@ -1,13 +1,15 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; import { theming } from '../../../styles'; -import { PiBaseChipComponent } from '../base-chip.component'; +import { PiBaseChipComponent } from '../base-chip.component'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-chip', - templateUrl: './chip.component.html', - styleUrls: ['./chip.component.scss', '../styles/base-chip.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-chip', + templateUrl: './chip.component.html', + styleUrls: ['./chip.component.scss', '../styles/base-chip.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiChipComponent extends PiBaseChipComponent { @HostBinding('class') get chipClasses(): string { diff --git a/libs/ui/src/lib/ui/chip/index.ts b/libs/ui/src/lib/ui/chip/index.ts index 771fed5..9766dcc 100644 --- a/libs/ui/src/lib/ui/chip/index.ts +++ b/libs/ui/src/lib/ui/chip/index.ts @@ -1,4 +1,4 @@ -export * from './ui-chip.module'; + export * from './chip/chip.component'; export * from './chip-action/chip-action.component'; diff --git a/libs/ui/src/lib/ui/chip/tile/tile.component.ts b/libs/ui/src/lib/ui/chip/tile/tile.component.ts index 560ad2e..9e5662f 100644 --- a/libs/ui/src/lib/ui/chip/tile/tile.component.ts +++ b/libs/ui/src/lib/ui/chip/tile/tile.component.ts @@ -1,12 +1,14 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; -import { ComponentFamilyClass, theming } from '../../../styles'; +import { ComponentFamilyClass, theming } from '../../../styles'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-tile', - templateUrl: './tile.component.html', - styleUrls: ['./tile.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-tile', + templateUrl: './tile.component.html', + styleUrls: ['./tile.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiTileComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/chip/ui-chip.module.ts b/libs/ui/src/lib/ui/chip/ui-chip.module.ts deleted file mode 100644 index 93812be..0000000 --- a/libs/ui/src/lib/ui/chip/ui-chip.module.ts +++ /dev/null @@ -1,41 +0,0 @@ -// Angular -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -import { MatIconModule } from '@angular/material/icon'; - -// Components -import { PiChipComponent } from './chip/chip.component'; -import { PiChipStatusComponent } from './chip-status/chip-status.component'; -import { PiTileComponent } from './tile/tile.component'; -import { PiChipValueComponent } from './chip-value/chip-value.component'; -import { PiChipDateComponent } from './chip-date/chip-date.component'; -import { PiChipTimeComponent } from './chip-time/chip-time.component'; -import { PiChipActionComponent } from './chip-action/chip-action.component'; -import { PiSharedUtilAffixModule } from '../../util/affix'; -import { PiSharedUtilValueModule } from '../../util/value'; - -const MATERIAL_IMPORTS = [MatIconModule]; - -@NgModule({ - imports: [CommonModule, MATERIAL_IMPORTS, PiSharedUtilAffixModule, PiSharedUtilValueModule], - declarations: [ - PiChipComponent, - PiChipActionComponent, - PiChipDateComponent, - PiChipStatusComponent, - PiChipValueComponent, - PiChipTimeComponent, - PiTileComponent, - ], - exports: [ - PiChipComponent, - PiChipActionComponent, - PiChipDateComponent, - PiChipStatusComponent, - PiChipValueComponent, - PiChipTimeComponent, - PiTileComponent, - ], -}) -export class PiSharedUIChipModule {} diff --git a/libs/ui/src/lib/ui/data-grid/data-grid/data-grid.component.ts b/libs/ui/src/lib/ui/data-grid/data-grid/data-grid.component.ts index a183de8..e4a3576 100644 --- a/libs/ui/src/lib/ui/data-grid/data-grid/data-grid.component.ts +++ b/libs/ui/src/lib/ui/data-grid/data-grid/data-grid.component.ts @@ -13,13 +13,20 @@ import { } from '@angular/core'; import { justify } from '../../../styles'; import { ListMode } from '../../../util/list-configs'; -import { cardType, columnsNumber, rowsNumber } from '../entities/data-grid.model'; +import { cardType, columnsNumber, rowsNumber } from '../entities/data-grid.model'; +import { NgIf, NgTemplateOutlet, NgFor } from '@angular/common'; +import { PiGridItemDirective } from '../directives/grid-item.directive'; @Component({ - standalone: false, - selector: 'pi-data-grid', - templateUrl: './data-grid.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-data-grid', + templateUrl: './data-grid.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + PiGridItemDirective, + NgTemplateOutlet, + NgFor, + ], }) export class PiDataGridComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/data-grid/directives/cell.directive.ts b/libs/ui/src/lib/ui/data-grid/directives/cell.directive.ts index ac6d1da..d8e66bf 100644 --- a/libs/ui/src/lib/ui/data-grid/directives/cell.directive.ts +++ b/libs/ui/src/lib/ui/data-grid/directives/cell.directive.ts @@ -1,10 +1,7 @@ import { AfterViewInit, Directive, ElementRef, HostBinding, Input } from '@angular/core'; import { itemType } from '../entities/data-grid.model'; -@Directive({ - standalone: false, - selector: '[pi-cell]', -}) +@Directive({ selector: '[pi-cell]', }) export class PiCellDirective implements AfterViewInit { @HostBinding(`class`) get cellType(): string | undefined { const textAlignClass = this.textAlign !== 'left' && `pi-cell__text-align--${this.textAlign}`; diff --git a/libs/ui/src/lib/ui/data-grid/directives/grid-item.directive.ts b/libs/ui/src/lib/ui/data-grid/directives/grid-item.directive.ts index ebd334c..40fe3f6 100644 --- a/libs/ui/src/lib/ui/data-grid/directives/grid-item.directive.ts +++ b/libs/ui/src/lib/ui/data-grid/directives/grid-item.directive.ts @@ -1,10 +1,7 @@ import { Directive, ElementRef, HostBinding, HostListener, Input, Renderer2 } from '@angular/core'; import { columnsNumber } from '../entities/data-grid.model'; -@Directive({ - standalone: false, - selector: '[pi-grid-item]', -}) +@Directive({ selector: '[pi-grid-item]', }) export class PiGridItemDirective { @HostBinding(`class`) get gridItemType(): string { const isExpandableClass = this.isExpandable ? 'is-expandable' : ''; diff --git a/libs/ui/src/lib/ui/data-grid/index.ts b/libs/ui/src/lib/ui/data-grid/index.ts index f07174e..f515fe0 100644 --- a/libs/ui/src/lib/ui/data-grid/index.ts +++ b/libs/ui/src/lib/ui/data-grid/index.ts @@ -1,4 +1,4 @@ -export * from './shared-ui-data-grid.module'; + export * from './data-grid/data-grid.component'; diff --git a/libs/ui/src/lib/ui/data-grid/shared-ui-data-grid.module.ts b/libs/ui/src/lib/ui/data-grid/shared-ui-data-grid.module.ts deleted file mode 100644 index bab9cb6..0000000 --- a/libs/ui/src/lib/ui/data-grid/shared-ui-data-grid.module.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -import { PiDataGridComponent } from './data-grid/data-grid.component'; -import { PiCellDirective } from './directives/cell.directive'; -import { PiGridItemDirective } from './directives/grid-item.directive'; - -@NgModule({ - imports: [CommonModule], - declarations: [PiDataGridComponent, PiCellDirective, PiGridItemDirective], - exports: [PiDataGridComponent, PiCellDirective, PiGridItemDirective], -}) -export class PiSharedUIDataGridModule {} diff --git a/libs/ui/src/lib/ui/data-table/base-data-table/base-data-table.component.ts b/libs/ui/src/lib/ui/data-table/base-data-table/base-data-table.component.ts index fdaec04..a90b8b2 100644 --- a/libs/ui/src/lib/ui/data-table/base-data-table/base-data-table.component.ts +++ b/libs/ui/src/lib/ui/data-table/base-data-table/base-data-table.component.ts @@ -11,11 +11,10 @@ import { import { take } from 'rxjs/operators'; @Component({ - standalone: false, - selector: 'pi-base-data-table', - templateUrl: './base-data-table.component.html', - styleUrls: ['./base-data-table.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-base-data-table', + templateUrl: './base-data-table.component.html', + styleUrls: ['./base-data-table.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, }) export class PiBaseDataTableComponent implements OnInit { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/data-table/cell-type/cell-type.component.ts b/libs/ui/src/lib/ui/data-table/cell-type/cell-type.component.ts index 029cf67..9565db1 100644 --- a/libs/ui/src/lib/ui/data-table/cell-type/cell-type.component.ts +++ b/libs/ui/src/lib/ui/data-table/cell-type/cell-type.component.ts @@ -1,12 +1,19 @@ -import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; +import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; +import { NgSwitch, NgSwitchCase, NgTemplateOutlet } from '@angular/common'; +import { PiBaseDataTableComponent } from '../base-data-table/base-data-table.component'; export type PiDropdownSelectorTemplateType = 'text' | 'date' | 'amount' | 'input' | 'action'; @Component({ - standalone: false, - selector: 'pi-cell-type', - templateUrl: './cell-type.component.html', - styleUrls: ['./cell-type.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-cell-type', + templateUrl: './cell-type.component.html', + styleUrls: ['./cell-type.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgSwitch, + NgSwitchCase, + NgTemplateOutlet, + PiBaseDataTableComponent, + ], }) export class PiCellTypeComponent { @HostBinding('class') className = 'pi-cell-type'; diff --git a/libs/ui/src/lib/ui/data-table/data-table-item/data-table-item.component.ts b/libs/ui/src/lib/ui/data-table/data-table-item/data-table-item.component.ts index db8cc1a..0cb2b47 100644 --- a/libs/ui/src/lib/ui/data-table/data-table-item/data-table-item.component.ts +++ b/libs/ui/src/lib/ui/data-table/data-table-item/data-table-item.component.ts @@ -19,13 +19,14 @@ import { } from '../../../util/device-configs'; // RxJS -import { take } from 'rxjs/operators'; +import { take } from 'rxjs/operators'; +import { NgFor, NgTemplateOutlet } from '@angular/common'; @Component({ - standalone: false, - selector: 'pi-data-table-item', - templateUrl: './data-table-item.component.html', - styleUrls: ['./data-table-item.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-data-table-item', + templateUrl: './data-table-item.component.html', + styleUrls: ['./data-table-item.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgFor, NgTemplateOutlet], }) export class PiDataTableItemComponent implements AfterViewInit { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/data-table/index.ts b/libs/ui/src/lib/ui/data-table/index.ts index 3ebf431..8f96474 100644 --- a/libs/ui/src/lib/ui/data-table/index.ts +++ b/libs/ui/src/lib/ui/data-table/index.ts @@ -1,4 +1,4 @@ -export * from './ui-data-table.module'; + export * from './base-data-table/base-data-table.component'; export * from './cell-type/cell-type.component'; diff --git a/libs/ui/src/lib/ui/data-table/ui-data-table.module.ts b/libs/ui/src/lib/ui/data-table/ui-data-table.module.ts deleted file mode 100644 index 57af4b6..0000000 --- a/libs/ui/src/lib/ui/data-table/ui-data-table.module.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -// Components -import { PiBaseDataTableComponent } from './base-data-table/base-data-table.component'; -import { PiCellTypeComponent } from './cell-type/cell-type.component'; -import { PiDataTableItemComponent } from './data-table-item/data-table-item.component'; - -@NgModule({ - imports: [CommonModule], - declarations: [PiBaseDataTableComponent, PiDataTableItemComponent, PiCellTypeComponent], - exports: [PiBaseDataTableComponent, PiDataTableItemComponent, PiCellTypeComponent], -}) -export class PiSharedUIDataTableModule {} diff --git a/libs/ui/src/lib/ui/divider/divider/divider.component.ts b/libs/ui/src/lib/ui/divider/divider/divider.component.ts index de19913..778b8d9 100644 --- a/libs/ui/src/lib/ui/divider/divider/divider.component.ts +++ b/libs/ui/src/lib/ui/divider/divider/divider.component.ts @@ -1,14 +1,16 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; // Shared -import { alignment, gap, iconSize, textColor } from '../../../styles'; +import { alignment, gap, iconSize, textColor } from '../../../styles'; +import { NgIf } from '@angular/common'; +import { PiIconComponent } from '../../icon/icon/icon.component'; @Component({ - standalone: false, - selector: 'pi-divider', - templateUrl: './divider.component.html', - styleUrls: ['./divider.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-divider', + templateUrl: './divider.component.html', + styleUrls: ['./divider.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, PiIconComponent], }) export class PiDividerComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/divider/index.ts b/libs/ui/src/lib/ui/divider/index.ts index b96f336..7319155 100644 --- a/libs/ui/src/lib/ui/divider/index.ts +++ b/libs/ui/src/lib/ui/divider/index.ts @@ -1,3 +1,3 @@ -export * from './ui-divider.module'; + export * from './divider/divider.component'; diff --git a/libs/ui/src/lib/ui/divider/ui-divider.module.ts b/libs/ui/src/lib/ui/divider/ui-divider.module.ts deleted file mode 100644 index d8dfc49..0000000 --- a/libs/ui/src/lib/ui/divider/ui-divider.module.ts +++ /dev/null @@ -1,16 +0,0 @@ -// Angular -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -// Component -import { PiDividerComponent } from './divider/divider.component'; - -// Shared -import { PiSharedUIIconModule } from '../icon'; - -@NgModule({ - imports: [CommonModule, PiSharedUIIconModule], - declarations: [PiDividerComponent], - exports: [PiDividerComponent], -}) -export class PiSharedUIDividerModule {} diff --git a/libs/ui/src/lib/ui/error-status-code/index.ts b/libs/ui/src/lib/ui/error-status-code/index.ts index 1c71ca2..28389b2 100644 --- a/libs/ui/src/lib/ui/error-status-code/index.ts +++ b/libs/ui/src/lib/ui/error-status-code/index.ts @@ -1,3 +1,3 @@ -export * from './ui-error-status-code.module'; + export * from './not-found/not-found.component'; diff --git a/libs/ui/src/lib/ui/error-status-code/not-found/not-found.component.ts b/libs/ui/src/lib/ui/error-status-code/not-found/not-found.component.ts index 67dc424..685c0e7 100644 --- a/libs/ui/src/lib/ui/error-status-code/not-found/not-found.component.ts +++ b/libs/ui/src/lib/ui/error-status-code/not-found/not-found.component.ts @@ -1,12 +1,28 @@ -import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core'; +import { ChangeDetectionStrategy, Component, HostBinding, forwardRef } from '@angular/core'; import { Location } from '@angular/common'; -import { LayoutTypeClass } from '../../../styles'; +import { LayoutTypeClass } from '../../../styles'; +import { PiMainWrapper } from '../../wrapper/main/main.wrapper'; +import { PiHeadlineComponent, PiHeadlineLabelContentDirective, PiHeadlineDescriptionContentDirective } from '../../image/headline/headline.component'; +import { PiTextXLargeDirective, PiTextMediumDirective } from '../../text/directives/text-sizes.directive'; +import { PiTextWeightBoldDirective } from '../../text/directives/text-weights.directive'; + +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-not-found', - templateUrl: './not-found.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-not-found', + templateUrl: './not-found.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + PiMainWrapper, + PiHeadlineComponent, + PiHeadlineLabelContentDirective, + PiTextXLargeDirective, + PiTextWeightBoldDirective, + PiHeadlineDescriptionContentDirective, + PiTextMediumDirective, + forwardRef(() => PiNotFoundComponent), + TranslatePipe +], }) export class PiNotFoundComponent { @HostBinding('class') className = LayoutTypeClass.VerticallyCentered; diff --git a/libs/ui/src/lib/ui/error-status-code/ui-error-status-code.module.ts b/libs/ui/src/lib/ui/error-status-code/ui-error-status-code.module.ts deleted file mode 100644 index 0d09f44..0000000 --- a/libs/ui/src/lib/ui/error-status-code/ui-error-status-code.module.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiNotFoundComponent } from './not-found/not-found.component'; -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIImageModule } from '../image'; -import { TranslatePipe, TranslateDirective } from '@ngx-translate/core'; -import { PiSharedUIWrapperModule } from '../wrapper'; -import { PiSharedUITextModule } from '../text'; - -@NgModule({ - imports: [ - CommonModule, - PiSharedUIButtonModule, - PiSharedUIImageModule, - PiSharedUITextModule, - PiSharedUIWrapperModule, - TranslatePipe, TranslateDirective - ], - declarations: [PiNotFoundComponent], - exports: [PiNotFoundComponent], -}) -export class PiSharedUIErrorStatusCodeModule {} diff --git a/libs/ui/src/lib/ui/form-field/base-form-field.component.ts b/libs/ui/src/lib/ui/form-field/base-form-field.component.ts index e093ce6..c4de24f 100644 --- a/libs/ui/src/lib/ui/form-field/base-form-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/base-form-field.component.ts @@ -3,8 +3,7 @@ import { FormControl, NG_VALUE_ACCESSOR } from '@angular/forms'; import { ComponentFamilyClass } from '../../styles'; import { PiFormControl } from '../../util/form-control'; -@Component({ - standalone: false, +@Component({ template: '', providers: [ { diff --git a/libs/ui/src/lib/ui/form-field/currency-field/currency-field.component.ts b/libs/ui/src/lib/ui/form-field/currency-field/currency-field.component.ts index 3179630..df365ba 100644 --- a/libs/ui/src/lib/ui/form-field/currency-field/currency-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/currency-field/currency-field.component.ts @@ -1,22 +1,41 @@ -import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; +import { ChangeDetectionStrategy, Component, HostBinding, forwardRef } from '@angular/core'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; -import { NgxCurrencyInputMode } from 'ngx-currency'; +import { NgxCurrencyInputMode, NgxCurrencyDirective } from 'ngx-currency'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { MatFormField, MatLabel, MatSuffix, MatError } from '@angular/material/form-field'; +import { NgIf, NgFor } from '@angular/common'; +import { MatInput } from '@angular/material/input'; +import { PiAutofocusDirective } from '../directives/autofocus.directive'; + +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-currency-field', - templateUrl: './currency-field.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiCurrencyFieldComponent, - multi: true, - }, - ], + selector: 'pi-currency-field', + templateUrl: './currency-field.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiCurrencyFieldComponent, + multi: true, + }, + ], + imports: [ + MatFormField, + MatLabel, + MatSuffix, + NgIf, + MatInput, + NgxCurrencyDirective, + ReactiveFormsModule, + PiAutofocusDirective, + MatError, + NgFor, + forwardRef(() => PiCurrencyFieldComponent), + TranslatePipe +], }) export class PiCurrencyFieldComponent extends PiBaseFormFieldComponent { @HostBinding('class') className = `pi-form-field__currency`; diff --git a/libs/ui/src/lib/ui/form-field/directives/autofocus.directive.ts b/libs/ui/src/lib/ui/form-field/directives/autofocus.directive.ts index ee5e8f1..f13346c 100644 --- a/libs/ui/src/lib/ui/form-field/directives/autofocus.directive.ts +++ b/libs/ui/src/lib/ui/form-field/directives/autofocus.directive.ts @@ -1,10 +1,7 @@ import { Directive, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core'; import { MatInput } from '@angular/material/input'; -@Directive({ - standalone: false, - selector: '[pi-autofocus]', -}) +@Directive({ selector: '[pi-autofocus]', }) export class PiAutofocusDirective implements OnInit, OnChanges { @Input() isAutofocusSelected: boolean; diff --git a/libs/ui/src/lib/ui/form-field/directives/checkbox-grid.directive.ts b/libs/ui/src/lib/ui/form-field/directives/checkbox-grid.directive.ts index 222608e..d1b572b 100644 --- a/libs/ui/src/lib/ui/form-field/directives/checkbox-grid.directive.ts +++ b/libs/ui/src/lib/ui/form-field/directives/checkbox-grid.directive.ts @@ -1,9 +1,6 @@ import { Directive, HostBinding, Input } from '@angular/core'; -@Directive({ - standalone: false, - selector: '[pi-checkbox-grid]', -}) +@Directive({ selector: '[pi-checkbox-grid]', }) export class PiCheckboxGridDirective { @HostBinding('class') get classes(): string { const columnClass = diff --git a/libs/ui/src/lib/ui/form-field/directives/label.directive.ts b/libs/ui/src/lib/ui/form-field/directives/label.directive.ts index 12e7a14..63e3de4 100644 --- a/libs/ui/src/lib/ui/form-field/directives/label.directive.ts +++ b/libs/ui/src/lib/ui/form-field/directives/label.directive.ts @@ -1,9 +1,6 @@ import { Directive, ElementRef, HostBinding, Input, OnInit, Renderer2 } from '@angular/core'; -@Directive({ - standalone: false, - selector: 'pi-label', -}) +@Directive({ selector: 'pi-label', }) export class PiLabelDirective implements OnInit { @HostBinding('class') get classes(): string { const validationClass = this.isRequired ? 'is-required' : ''; diff --git a/libs/ui/src/lib/ui/form-field/directives/radio-grid.directive.ts b/libs/ui/src/lib/ui/form-field/directives/radio-grid.directive.ts index e612c32..0799f60 100644 --- a/libs/ui/src/lib/ui/form-field/directives/radio-grid.directive.ts +++ b/libs/ui/src/lib/ui/form-field/directives/radio-grid.directive.ts @@ -2,10 +2,7 @@ import { Directive, HostBinding, Input } from '@angular/core'; import { justify } from '../../../styles'; // Flex -@Directive({ - standalone: false, - selector: '[pi-radio-grid]', -}) +@Directive({ selector: '[pi-radio-grid]', }) export class PiRadioGridDirective { @HostBinding('class') get classes(): string { const typeClass = this.type && `pi-radio-grid__type--${this.type}`; diff --git a/libs/ui/src/lib/ui/form-field/email-field/email-field.component.ts b/libs/ui/src/lib/ui/form-field/email-field/email-field.component.ts index 075ed14..32d12d8 100644 --- a/libs/ui/src/lib/ui/form-field/email-field/email-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/email-field/email-field.component.ts @@ -1,19 +1,39 @@ import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { MatFormField, MatLabel, MatSuffix, MatError } from '@angular/material/form-field'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { MatInput } from '@angular/material/input'; +import { PiAutofocusDirective } from '../directives/autofocus.directive'; +import { NgIf, NgFor } from '@angular/common'; +import { PiCurrencyFieldComponent } from '../currency-field/currency-field.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-email-field', - templateUrl: './email-field.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiEmailFieldComponent, - multi: true, - }, - ], + selector: 'pi-email-field', + templateUrl: './email-field.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiEmailFieldComponent, + multi: true, + }, + ], + imports: [ + MatFormField, + MatLabel, + MatSuffix, + PiIconComponent, + MatInput, + ReactiveFormsModule, + PiAutofocusDirective, + NgIf, + MatError, + NgFor, + PiCurrencyFieldComponent, + TranslatePipe, + ], }) export class PiEmailFieldComponent extends PiBaseFormFieldComponent { @HostBinding('class') className = `pi-form-field__email`; diff --git a/libs/ui/src/lib/ui/form-field/icon-field/icon-field.component.ts b/libs/ui/src/lib/ui/form-field/icon-field/icon-field.component.ts index 0d03ca0..3d2c4a7 100644 --- a/libs/ui/src/lib/ui/form-field/icon-field/icon-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/icon-field/icon-field.component.ts @@ -1,21 +1,38 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; import { iconSize } from '../../../styles'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { MatFormField, MatLabel, MatError } from '@angular/material/form-field'; +import { MatInput } from '@angular/material/input'; +import { PiAutofocusDirective } from '../directives/autofocus.directive'; +import { NgIf, NgFor } from '@angular/common'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-icon-field', - templateUrl: './icon-field.component.html', - styleUrls: ['./icon-field.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiIconFieldComponent, - multi: true, - }, - ], + selector: 'pi-icon-field', + templateUrl: './icon-field.component.html', + styleUrls: ['./icon-field.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiIconFieldComponent, + multi: true, + }, + ], + imports: [ + PiIconComponent, + MatFormField, + MatLabel, + MatInput, + ReactiveFormsModule, + PiAutofocusDirective, + NgIf, + MatError, + NgFor, + TranslatePipe, + ], }) export class PiIconFieldComponent extends PiBaseFormFieldComponent { @HostBinding('class') get componentClasses(): string { diff --git a/libs/ui/src/lib/ui/form-field/incremental-number-field/incremental-number-field.component.ts b/libs/ui/src/lib/ui/form-field/incremental-number-field/incremental-number-field.component.ts index 8750b1f..75e5b6e 100644 --- a/libs/ui/src/lib/ui/form-field/incremental-number-field/incremental-number-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/incremental-number-field/incremental-number-field.component.ts @@ -1,20 +1,44 @@ import { ChangeDetectionStrategy, Component, HostBinding, Injectable, Input } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; import { unit } from '../../../util/models'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { MatFormField, MatLabel, MatPrefix, MatSuffix, MatError } from '@angular/material/form-field'; +import { PiPrefixDirective, PiSuffixDirective } from '../../../util/affix/affix.directive'; +import { NgIf, NgFor } from '@angular/common'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { MatInput } from '@angular/material/input'; +import { PiAutofocusDirective } from '../directives/autofocus.directive'; +import { PiCurrencyFieldComponent } from '../currency-field/currency-field.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-incremental-number-field', - templateUrl: './incremental-number-field.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiIncrementalNumberFieldComponent, - multi: true, - }, - ], + selector: 'pi-incremental-number-field', + templateUrl: './incremental-number-field.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiIncrementalNumberFieldComponent, + multi: true, + }, + ], + imports: [ + MatFormField, + MatLabel, + PiPrefixDirective, + MatPrefix, + NgIf, + PiIconComponent, + PiSuffixDirective, + MatSuffix, + MatInput, + ReactiveFormsModule, + PiAutofocusDirective, + MatError, + NgFor, + PiCurrencyFieldComponent, + TranslatePipe, + ], }) @Injectable() export class PiIncrementalNumberFieldComponent extends PiBaseFormFieldComponent { diff --git a/libs/ui/src/lib/ui/form-field/incremental-range-field/incremental-range-field.component.ts b/libs/ui/src/lib/ui/form-field/incremental-range-field/incremental-range-field.component.ts index 0998d03..d878935 100644 --- a/libs/ui/src/lib/ui/form-field/incremental-range-field/incremental-range-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/incremental-range-field/incremental-range-field.component.ts @@ -1,12 +1,29 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; -import { FormGroup, FormGroupDirective } from '@angular/forms'; -import { unit } from '../../../util/models'; +import { FormGroup, FormGroupDirective, ReactiveFormsModule } from '@angular/forms'; +import { unit } from '../../../util/models'; +import { PiLabelDirective } from '../directives/label.directive'; +import { PiIncrementalNumberFieldComponent } from '../incremental-number-field/incremental-number-field.component'; +import { PiDividerComponent } from '../../divider/divider/divider.component'; +import { NgIf, NgFor } from '@angular/common'; +import { MatError } from '@angular/material/form-field'; +import { PiCurrencyFieldComponent } from '../currency-field/currency-field.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-incremental-range-field', - templateUrl: './incremental-range-field.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-incremental-range-field', + templateUrl: './incremental-range-field.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + ReactiveFormsModule, + PiLabelDirective, + PiIncrementalNumberFieldComponent, + PiDividerComponent, + NgIf, + MatError, + NgFor, + PiCurrencyFieldComponent, + TranslatePipe, + ], }) export class PiIncrementalRangeFieldComponent { @HostBinding('class') className = diff --git a/libs/ui/src/lib/ui/form-field/index.ts b/libs/ui/src/lib/ui/form-field/index.ts index 6e999c2..88a13b5 100644 --- a/libs/ui/src/lib/ui/form-field/index.ts +++ b/libs/ui/src/lib/ui/form-field/index.ts @@ -15,7 +15,7 @@ export * from './email-field/email-field.component'; export * from './password-field/password-field.component'; export * from './icon-field/icon-field.component'; -export * from './ui-form-field.module'; + export * from './phone-field/phone-field.component'; diff --git a/libs/ui/src/lib/ui/form-field/number-field/number-field.component.ts b/libs/ui/src/lib/ui/form-field/number-field/number-field.component.ts index af1e454..da24095 100644 --- a/libs/ui/src/lib/ui/form-field/number-field/number-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/number-field/number-field.component.ts @@ -1,19 +1,38 @@ import { ChangeDetectionStrategy, Component, HostBinding, Injectable } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { MatFormField, MatLabel, MatPrefix, MatSuffix, MatError } from '@angular/material/form-field'; +import { MatInput } from '@angular/material/input'; +import { PiAutofocusDirective } from '../directives/autofocus.directive'; +import { NgIf, NgFor } from '@angular/common'; +import { PiCurrencyFieldComponent } from '../currency-field/currency-field.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-number-field', - templateUrl: './number-field.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiNumberFieldComponent, - multi: true, - }, - ], + selector: 'pi-number-field', + templateUrl: './number-field.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiNumberFieldComponent, + multi: true, + }, + ], + imports: [ + MatFormField, + MatLabel, + MatPrefix, + MatSuffix, + MatInput, + ReactiveFormsModule, + PiAutofocusDirective, + NgIf, + MatError, + NgFor, + PiCurrencyFieldComponent, + TranslatePipe, + ], }) @Injectable() diff --git a/libs/ui/src/lib/ui/form-field/password-field/password-field.component.ts b/libs/ui/src/lib/ui/form-field/password-field/password-field.component.ts index c1269f7..d437985 100644 --- a/libs/ui/src/lib/ui/form-field/password-field/password-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/password-field/password-field.component.ts @@ -1,19 +1,41 @@ import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { MatFormField, MatLabel, MatSuffix, MatError } from '@angular/material/form-field'; +import { PiSuffixDirective } from '../../../util/affix/affix.directive'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { MatInput } from '@angular/material/input'; +import { PiAutofocusDirective } from '../directives/autofocus.directive'; +import { NgIf, NgFor } from '@angular/common'; +import { PiCurrencyFieldComponent } from '../currency-field/currency-field.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-password-field', - templateUrl: './password-field.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiPasswordFieldComponent, - multi: true, - }, - ], + selector: 'pi-password-field', + templateUrl: './password-field.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiPasswordFieldComponent, + multi: true, + }, + ], + imports: [ + MatFormField, + MatLabel, + PiSuffixDirective, + MatSuffix, + PiIconComponent, + MatInput, + ReactiveFormsModule, + PiAutofocusDirective, + NgIf, + MatError, + NgFor, + PiCurrencyFieldComponent, + TranslatePipe, + ], }) export class PiPasswordFieldComponent extends PiBaseFormFieldComponent { @HostBinding('class') className = `pi-form-field__password`; diff --git a/libs/ui/src/lib/ui/form-field/phone-field/phone-field.component.ts b/libs/ui/src/lib/ui/form-field/phone-field/phone-field.component.ts index 58bd5b0..3518098 100644 --- a/libs/ui/src/lib/ui/form-field/phone-field/phone-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/phone-field/phone-field.component.ts @@ -1,19 +1,39 @@ import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { MatFormField, MatLabel, MatSuffix, MatError } from '@angular/material/form-field'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { MatInput } from '@angular/material/input'; +import { PiAutofocusDirective } from '../directives/autofocus.directive'; +import { NgIf, NgFor } from '@angular/common'; +import { PiCurrencyFieldComponent } from '../currency-field/currency-field.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-phone-field', - templateUrl: './phone-field.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiPhoneFieldComponent, - multi: true, - }, - ], + selector: 'pi-phone-field', + templateUrl: './phone-field.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiPhoneFieldComponent, + multi: true, + }, + ], + imports: [ + MatFormField, + MatLabel, + MatSuffix, + PiIconComponent, + MatInput, + ReactiveFormsModule, + PiAutofocusDirective, + NgIf, + MatError, + NgFor, + PiCurrencyFieldComponent, + TranslatePipe, + ], }) export class PiPhoneFieldComponent extends PiBaseFormFieldComponent { @HostBinding('class') className = `pi-form-field__phone`; diff --git a/libs/ui/src/lib/ui/form-field/search-field/search-field.component.ts b/libs/ui/src/lib/ui/form-field/search-field/search-field.component.ts index 45d895f..a9a69bd 100644 --- a/libs/ui/src/lib/ui/form-field/search-field/search-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/search-field/search-field.component.ts @@ -8,23 +8,29 @@ import { Output, ViewChild, } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; import { OnInit } from '@angular/core'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { NgIf } from '@angular/common'; @Component({ - standalone: false, - selector: 'pi-search-field', - templateUrl: './search-field.component.html', - styleUrls: ['./search-field.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiSearchFieldComponent, - multi: true, - }, - ], + selector: 'pi-search-field', + templateUrl: './search-field.component.html', + styleUrls: ['./search-field.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiSearchFieldComponent, + multi: true, + }, + ], + imports: [ + PiIconComponent, + ReactiveFormsModule, + NgIf, + ], }) export class PiSearchFieldComponent extends PiBaseFormFieldComponent implements OnInit { @HostBinding('class') override get classes(): string { diff --git a/libs/ui/src/lib/ui/form-field/slide-toggle/slide-toggle.component.ts b/libs/ui/src/lib/ui/form-field/slide-toggle/slide-toggle.component.ts index 8f7c0c1..3c9408d 100644 --- a/libs/ui/src/lib/ui/form-field/slide-toggle/slide-toggle.component.ts +++ b/libs/ui/src/lib/ui/form-field/slide-toggle/slide-toggle.component.ts @@ -1,20 +1,20 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; import { PiBaseFormFieldComponent } from '../base-form-field.component'; @Component({ - standalone: false, - selector: 'pi-slide-toggle', - templateUrl: './slide-toggle.component.html', - styleUrls: ['./slide-toggle.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiSlideToggleComponent, - multi: true, - }, - ], + selector: 'pi-slide-toggle', + templateUrl: './slide-toggle.component.html', + styleUrls: ['./slide-toggle.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiSlideToggleComponent, + multi: true, + }, + ], + imports: [ReactiveFormsModule], }) export class PiSlideToggleComponent extends PiBaseFormFieldComponent implements OnInit { @HostBinding('class') override get classes(): string { diff --git a/libs/ui/src/lib/ui/form-field/text-field/text-field.component.ts b/libs/ui/src/lib/ui/form-field/text-field/text-field.component.ts index a53b7e7..cd8325b 100644 --- a/libs/ui/src/lib/ui/form-field/text-field/text-field.component.ts +++ b/libs/ui/src/lib/ui/form-field/text-field/text-field.component.ts @@ -1,19 +1,37 @@ import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { MatFormField, MatLabel, MatSuffix, MatError } from '@angular/material/form-field'; +import { MatInput } from '@angular/material/input'; +import { PiAutofocusDirective } from '../directives/autofocus.directive'; +import { NgIf, NgFor } from '@angular/common'; +import { PiCurrencyFieldComponent } from '../currency-field/currency-field.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-text-field', - templateUrl: './text-field.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiTextFieldComponent, - multi: true, - }, - ], + selector: 'pi-text-field', + templateUrl: './text-field.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiTextFieldComponent, + multi: true, + }, + ], + imports: [ + MatFormField, + MatLabel, + MatSuffix, + MatInput, + ReactiveFormsModule, + PiAutofocusDirective, + NgIf, + MatError, + NgFor, + PiCurrencyFieldComponent, + TranslatePipe, + ], }) export class PiTextFieldComponent extends PiBaseFormFieldComponent { @HostBinding('class') className = `pi-form-field__text`; diff --git a/libs/ui/src/lib/ui/form-field/textarea/textarea.component.ts b/libs/ui/src/lib/ui/form-field/textarea/textarea.component.ts index fc32e78..98427f3 100644 --- a/libs/ui/src/lib/ui/form-field/textarea/textarea.component.ts +++ b/libs/ui/src/lib/ui/form-field/textarea/textarea.component.ts @@ -1,19 +1,38 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; +import { PiBaseFormFieldComponent } from '../base-form-field.component'; +import { MatFormField, MatLabel, MatError } from '@angular/material/form-field'; +import { MatInput } from '@angular/material/input'; +import { CdkTextareaAutosize } from '@angular/cdk/text-field'; +import { PiAutofocusDirective } from '../directives/autofocus.directive'; +import { NgIf, NgFor } from '@angular/common'; +import { PiCurrencyFieldComponent } from '../currency-field/currency-field.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-textarea', - templateUrl: './textarea.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiTextareaComponent, - multi: true, - }, - ], + selector: 'pi-textarea', + templateUrl: './textarea.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiTextareaComponent, + multi: true, + }, + ], + imports: [ + MatFormField, + MatLabel, + MatInput, + CdkTextareaAutosize, + ReactiveFormsModule, + PiAutofocusDirective, + NgIf, + MatError, + NgFor, + PiCurrencyFieldComponent, + TranslatePipe, + ], }) export class PiTextareaComponent extends PiBaseFormFieldComponent { @HostBinding('class') className = 'pi-form-field__textarea'; diff --git a/libs/ui/src/lib/ui/form-field/ui-form-field.module.ts b/libs/ui/src/lib/ui/form-field/ui-form-field.module.ts deleted file mode 100644 index 8cab362..0000000 --- a/libs/ui/src/lib/ui/form-field/ui-form-field.module.ts +++ /dev/null @@ -1,113 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; - -// CDK -import { OverlayModule } from '@angular/cdk/overlay'; - -// Material -import { MatFormFieldModule } from '@angular/material/form-field'; -import { MatInputModule } from '@angular/material/input'; -import { MatProgressBarModule } from '@angular/material/progress-bar'; -import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; -import { MatSelectModule } from '@angular/material/select'; -import { TranslatePipe, TranslateDirective } from '@ngx-translate/core'; -import { MatIconModule } from '@angular/material/icon'; - -// Ngx Currency -import { NgxCurrencyDirective } from 'ngx-currency'; -// Shared -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIIconModule } from '../icon'; -import { PiSharedUITooltipModule } from '../tooltip'; -import { PiSharedUIWrapperModule } from '../wrapper'; - -// Components -import { PiCurrencyFieldComponent } from './currency-field/currency-field.component'; -import { PiEmailFieldComponent } from './email-field/email-field.component'; -import { PiIconFieldComponent } from './icon-field/icon-field.component'; -import { PiIncrementalNumberFieldComponent } from './incremental-number-field/incremental-number-field.component'; -import { PiNumberFieldComponent } from './number-field/number-field.component'; -import { PiPasswordFieldComponent } from './password-field/password-field.component'; -import { PiPhoneFieldComponent } from './phone-field/phone-field.component'; -import { PiSearchFieldComponent } from './search-field/search-field.component'; -import { PiTextFieldComponent } from './text-field/text-field.component'; -import { PiTextareaComponent } from './textarea/textarea.component'; -import { PiSharedUtilPipesModule } from '../../util/pipes'; - -import { PiCheckboxGridDirective } from './directives/checkbox-grid.directive'; -import { PiLabelDirective } from './directives/label.directive'; -import { PiRadioGridDirective } from './directives/radio-grid.directive'; -import { PiSharedUIDividerModule } from '../divider'; -import { PiSharedUtilAffixModule } from '../../util/affix'; -import { PiSharedUtilColorModule } from '../../util/color'; -import { PiSharedUtilStatusModule } from '../../util/status'; -import { PiAutofocusDirective } from './directives/autofocus.directive'; -import { PiIncrementalRangeFieldComponent } from './incremental-range-field/incremental-range-field.component'; -import { PiSlideToggleComponent } from './slide-toggle/slide-toggle.component'; - -const MATERIAL_IMPORTS = [ - MatFormFieldModule, - MatInputModule, - MatProgressBarModule, - MatProgressSpinnerModule, - MatSelectModule, - MatIconModule, -]; -@NgModule({ - imports: [ - CommonModule, - PiSharedUIButtonModule, - PiSharedUIDividerModule, - PiSharedUIIconModule, - PiSharedUITooltipModule, - PiSharedUIWrapperModule, - PiSharedUtilAffixModule, - PiSharedUtilColorModule, - PiSharedUtilPipesModule, - PiSharedUtilStatusModule, - FormsModule, - MATERIAL_IMPORTS, - NgxCurrencyDirective, - OverlayModule, - ReactiveFormsModule, - TranslatePipe, TranslateDirective, - ], - declarations: [ - PiAutofocusDirective, - PiCheckboxGridDirective, - PiCurrencyFieldComponent, - PiEmailFieldComponent, - PiIconFieldComponent, - PiIncrementalNumberFieldComponent, - PiIncrementalRangeFieldComponent, - PiLabelDirective, - PiNumberFieldComponent, - PiPasswordFieldComponent, - PiPhoneFieldComponent, - PiRadioGridDirective, - PiSearchFieldComponent, - PiSlideToggleComponent, - PiTextareaComponent, - PiTextFieldComponent, - ], - exports: [ - PiAutofocusDirective, - PiCheckboxGridDirective, - PiCurrencyFieldComponent, - PiEmailFieldComponent, - PiIconFieldComponent, - PiIncrementalNumberFieldComponent, - PiIncrementalRangeFieldComponent, - PiLabelDirective, - PiNumberFieldComponent, - PiPasswordFieldComponent, - PiPhoneFieldComponent, - PiRadioGridDirective, - PiSearchFieldComponent, - PiSlideToggleComponent, - PiTextareaComponent, - PiTextFieldComponent, - ], -}) -export class PiSharedUIFormFieldModule {} diff --git a/libs/ui/src/lib/ui/icon/icon/icon.component.ts b/libs/ui/src/lib/ui/icon/icon/icon.component.ts index 7ba5001..b436e5e 100644 --- a/libs/ui/src/lib/ui/icon/icon/icon.component.ts +++ b/libs/ui/src/lib/ui/icon/icon/icon.component.ts @@ -7,14 +7,16 @@ import { ComponentFamilyClass, iconSize, styleType, -} from '../../../styles'; +} from '../../../styles'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-icon', - templateUrl: './icon.component.html', - styleUrls: ['./icon.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-icon', + templateUrl: './icon.component.html', + styleUrls: ['./icon.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiIconComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/icon/index.ts b/libs/ui/src/lib/ui/icon/index.ts index c0c450d..91803ce 100644 --- a/libs/ui/src/lib/ui/icon/index.ts +++ b/libs/ui/src/lib/ui/icon/index.ts @@ -1,3 +1,3 @@ -export * from './ui-icon.module'; + export * from './icon/icon.component'; diff --git a/libs/ui/src/lib/ui/icon/ui-icon.module.ts b/libs/ui/src/lib/ui/icon/ui-icon.module.ts deleted file mode 100644 index 974d07d..0000000 --- a/libs/ui/src/lib/ui/icon/ui-icon.module.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -import { PiIconComponent } from './icon/icon.component'; -import { MatIconModule } from '@angular/material/icon'; - -@NgModule({ - declarations: [PiIconComponent], - imports: [CommonModule, MatIconModule], - exports: [PiIconComponent], -}) -export class PiSharedUIIconModule {} diff --git a/libs/ui/src/lib/ui/image/background-image.directive.ts b/libs/ui/src/lib/ui/image/background-image.directive.ts index c769ab1..96e3999 100644 --- a/libs/ui/src/lib/ui/image/background-image.directive.ts +++ b/libs/ui/src/lib/ui/image/background-image.directive.ts @@ -16,10 +16,7 @@ import { Device, DeviceConfigsFacade } from '../../util/device-configs'; import { Subject } from 'rxjs'; import { takeUntil } from 'rxjs/operators'; -@Directive({ - standalone: false, - selector: '[pi-background-image]', -}) +@Directive({ selector: '[pi-background-image]', }) export class PiBackgroundImageDirective implements AfterViewInit, OnDestroy { @HostBinding('class') get classes(): string { const animationClass = this.animation && `pi-background-image__animation--${this.animation}`; diff --git a/libs/ui/src/lib/ui/image/headline/headline.component.ts b/libs/ui/src/lib/ui/image/headline/headline.component.ts index 7302af3..a073c6b 100644 --- a/libs/ui/src/lib/ui/image/headline/headline.component.ts +++ b/libs/ui/src/lib/ui/image/headline/headline.component.ts @@ -13,28 +13,28 @@ import { ComponentFamilyClass, flexDirection, gap, -} from '../../../styles'; +} from '../../../styles'; +import { NgIf } from '@angular/common'; +import { SanitizerAltImagePipe } from '../../../util/pipes/pipes'; @Directive({ - standalone: false, - selector: 'pi-headline-label-content', - host: { class: 'pi-headline-content pi-headline-content__label' }, + selector: 'pi-headline-label-content', + host: { class: 'pi-headline-content pi-headline-content__label' }, }) export class PiHeadlineLabelContentDirective {} @Directive({ - standalone: false, - selector: 'pi-headline-description-content', - host: { class: 'pi-headline-content pi-headline-content__description' }, + selector: 'pi-headline-description-content', + host: { class: 'pi-headline-content pi-headline-content__description' }, }) export class PiHeadlineDescriptionContentDirective {} @Component({ - standalone: false, - selector: 'pi-headline', - templateUrl: './headline.component.html', - styleUrls: ['./headline.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-headline', + templateUrl: './headline.component.html', + styleUrls: ['./headline.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, SanitizerAltImagePipe], }) export class PiHeadlineComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/image/index.ts b/libs/ui/src/lib/ui/image/index.ts index aca21a6..88147b0 100644 --- a/libs/ui/src/lib/ui/image/index.ts +++ b/libs/ui/src/lib/ui/image/index.ts @@ -1,4 +1,4 @@ -export * from './ui-image.module'; + export * from './background-image.directive'; diff --git a/libs/ui/src/lib/ui/image/ui-image.module.ts b/libs/ui/src/lib/ui/image/ui-image.module.ts deleted file mode 100644 index 7f0baa8..0000000 --- a/libs/ui/src/lib/ui/image/ui-image.module.ts +++ /dev/null @@ -1,30 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -// Shared -import { PiSharedUtilPipesModule } from '../../util/pipes'; - -// Components -import { - PiHeadlineComponent, - PiHeadlineDescriptionContentDirective, - PiHeadlineLabelContentDirective, -} from './headline/headline.component'; -import { PiBackgroundImageDirective } from './background-image.directive'; - -@NgModule({ - imports: [CommonModule, PiSharedUtilPipesModule], - declarations: [ - PiHeadlineComponent, - PiHeadlineDescriptionContentDirective, - PiHeadlineLabelContentDirective, - PiBackgroundImageDirective, - ], - exports: [ - PiHeadlineComponent, - PiHeadlineDescriptionContentDirective, - PiHeadlineLabelContentDirective, - PiBackgroundImageDirective, - ], -}) -export class PiSharedUIImageModule {} diff --git a/libs/ui/src/lib/ui/list-item/index.ts b/libs/ui/src/lib/ui/list-item/index.ts index 066edee..4872a2e 100644 --- a/libs/ui/src/lib/ui/list-item/index.ts +++ b/libs/ui/src/lib/ui/list-item/index.ts @@ -1,3 +1,3 @@ -export * from './ui-list-item.module'; + export * from './list-item/list-item.component'; diff --git a/libs/ui/src/lib/ui/list-item/list-item/list-item.component.ts b/libs/ui/src/lib/ui/list-item/list-item/list-item.component.ts index 931b810..d9d4bad 100644 --- a/libs/ui/src/lib/ui/list-item/list-item/list-item.component.ts +++ b/libs/ui/src/lib/ui/list-item/list-item/list-item.component.ts @@ -11,39 +11,34 @@ import { } from '../../../styles'; @Directive({ - standalone: false, - selector: 'pi-list-item-left-icon', - host: { class: 'pi-list-item-icon pi-list-item-icon__left' }, + selector: 'pi-list-item-left-icon', + host: { class: 'pi-list-item-icon pi-list-item-icon__left' }, }) export class PiListItemLeftIconDirective {} @Directive({ - standalone: false, - selector: 'pi-list-item-left-content', - host: { class: 'pi-list-item-content pi-list-item-content__left' }, + selector: 'pi-list-item-left-content', + host: { class: 'pi-list-item-content pi-list-item-content__left' }, }) export class PiListItemLeftContentDirective {} @Directive({ - standalone: false, - selector: 'pi-list-item-right-content', - host: { class: 'pi-list-item-content pi-list-item-content__right' }, + selector: 'pi-list-item-right-content', + host: { class: 'pi-list-item-content pi-list-item-content__right' }, }) export class PiListItemRightContentDirective {} @Directive({ - standalone: false, - selector: 'pi-list-item-right-icon', - host: { class: 'pi-list-item-icon pi-list-item-icon__right' }, + selector: 'pi-list-item-right-icon', + host: { class: 'pi-list-item-icon pi-list-item-icon__right' }, }) export class PiListItemRightIconDirective {} @Component({ - standalone: false, - selector: 'pi-list-item', - templateUrl: './list-item.component.html', - styleUrls: ['./list-item.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-list-item', + templateUrl: './list-item.component.html', + styleUrls: ['./list-item.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, }) export class PiListItemComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/list-item/ui-list-item.module.ts b/libs/ui/src/lib/ui/list-item/ui-list-item.module.ts deleted file mode 100644 index b75b5f2..0000000 --- a/libs/ui/src/lib/ui/list-item/ui-list-item.module.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { - PiListItemComponent, - PiListItemLeftIconDirective, - PiListItemLeftContentDirective, - PiListItemRightContentDirective, - PiListItemRightIconDirective, -} from './list-item/list-item.component'; - -@NgModule({ - imports: [CommonModule], - declarations: [ - PiListItemComponent, - PiListItemLeftIconDirective, - PiListItemLeftContentDirective, - PiListItemRightContentDirective, - PiListItemRightIconDirective, - ], - exports: [ - PiListItemComponent, - PiListItemLeftIconDirective, - PiListItemLeftContentDirective, - PiListItemRightContentDirective, - PiListItemRightIconDirective, - ], -}) -export class PiSharedUIListItemModule {} diff --git a/libs/ui/src/lib/ui/modal/index.ts b/libs/ui/src/lib/ui/modal/index.ts index c6c86ba..ffc43f5 100644 --- a/libs/ui/src/lib/ui/modal/index.ts +++ b/libs/ui/src/lib/ui/modal/index.ts @@ -1,6 +1,6 @@ export * from './modal/modal.component'; -export * from './ui-modal.module'; + export * from './entities/modal.model'; diff --git a/libs/ui/src/lib/ui/modal/modal/modal.component.ts b/libs/ui/src/lib/ui/modal/modal/modal.component.ts index 2c15288..5f561d2 100644 --- a/libs/ui/src/lib/ui/modal/modal/modal.component.ts +++ b/libs/ui/src/lib/ui/modal/modal/modal.component.ts @@ -5,14 +5,34 @@ import { DialogModalData, ModalStyleType, ModalType, -} from '../entities/modal.model'; +} from '../entities/modal.model'; +import { NgIf, NgTemplateOutlet } from '@angular/common'; +import { PiTextWeightBoldDirective } from '../../text/directives/text-weights.directive'; +import { PiTextLargeDirective } from '../../text/directives/text-sizes.directive'; +import { PiColorPrimaryDirective } from '../../../util/color/directives/colors.directive'; +import { PiCloseButtonComponent } from '../../button/close-button/close-button.component'; +import { PiHeadlineComponent, PiHeadlineLabelContentDirective, PiHeadlineDescriptionContentDirective } from '../../image/headline/headline.component'; +import { PiActionWrapper } from '../../wrapper/action/action.wrapper'; +import { PiGhostButtonDirective } from '../../button/button.directive'; @Component({ - standalone: false, - selector: 'pi-modal', - templateUrl: './modal.component.html', - styleUrls: ['./modal.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-modal', + templateUrl: './modal.component.html', + styleUrls: ['./modal.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + PiTextWeightBoldDirective, + PiTextLargeDirective, + PiColorPrimaryDirective, + PiCloseButtonComponent, + NgTemplateOutlet, + PiHeadlineComponent, + PiHeadlineLabelContentDirective, + PiHeadlineDescriptionContentDirective, + PiActionWrapper, + PiGhostButtonDirective, + ], }) export class PiModalComponent { @HostBinding('class') diff --git a/libs/ui/src/lib/ui/modal/ui-modal.module.ts b/libs/ui/src/lib/ui/modal/ui-modal.module.ts deleted file mode 100644 index 4053c10..0000000 --- a/libs/ui/src/lib/ui/modal/ui-modal.module.ts +++ /dev/null @@ -1,30 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiModalComponent } from './modal/modal.component'; - -// Material -import { MatDialogModule } from '@angular/material/dialog'; - -// Shared -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIImageModule } from '../image'; -import { PiSharedUITextModule } from '../text'; -import { PiSharedUIWrapperModule } from '../wrapper'; -import { PiSharedUtilColorModule } from '../../util/color'; - -const MATERIAL_IMPORTS = [MatDialogModule]; - -@NgModule({ - imports: [ - CommonModule, - PiSharedUIButtonModule, - PiSharedUIImageModule, - PiSharedUITextModule, - PiSharedUIWrapperModule, - PiSharedUtilColorModule, - MATERIAL_IMPORTS, - ], - declarations: [PiModalComponent], - exports: [PiModalComponent], -}) -export class PiSharedUIModalModule {} diff --git a/libs/ui/src/lib/ui/note/index.ts b/libs/ui/src/lib/ui/note/index.ts index 5f6cce3..809cfbf 100644 --- a/libs/ui/src/lib/ui/note/index.ts +++ b/libs/ui/src/lib/ui/note/index.ts @@ -1,3 +1,3 @@ -export * from './ui-note.module'; + export * from './note/note.component'; diff --git a/libs/ui/src/lib/ui/note/note/note.component.ts b/libs/ui/src/lib/ui/note/note/note.component.ts index 34ff0f8..212df5b 100644 --- a/libs/ui/src/lib/ui/note/note/note.component.ts +++ b/libs/ui/src/lib/ui/note/note/note.component.ts @@ -10,28 +10,34 @@ import { NoteDataService } from '../infrastructure/note-data.service'; import { NoteStatus } from '../entities/note.model'; import { status } from '../../../util/status'; -import { gap, alignment } from '../../../styles'; +import { gap, alignment } from '../../../styles'; +import { MatIcon } from '@angular/material/icon'; +import { NgIf } from '@angular/common'; +import { PiTextSmallDirective, PiTextXSmallDirective } from '../../text/directives/text-sizes.directive'; @Directive({ - standalone: false, - selector: 'pi-note-label-content', - host: { class: 'pi-note-content pi-note-content__label' }, + selector: 'pi-note-label-content', + host: { class: 'pi-note-content pi-note-content__label' }, }) export class PiNoteLabelContentDirective {} @Directive({ - standalone: false, - selector: 'pi-note-action-content', - host: { class: 'pi-note-content pi-note-content__action' }, + selector: 'pi-note-action-content', + host: { class: 'pi-note-content pi-note-content__action' }, }) export class PiNoteActionContentDirective {} @Component({ - standalone: false, - selector: 'pi-note', - templateUrl: './note.component.html', - styleUrls: ['./note.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-note', + templateUrl: './note.component.html', + styleUrls: ['./note.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + MatIcon, + NgIf, + PiTextSmallDirective, + PiTextXSmallDirective, + ], }) export class PiNoteComponent implements OnInit { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/note/ui-note.module.ts b/libs/ui/src/lib/ui/note/ui-note.module.ts deleted file mode 100644 index 8cd61a5..0000000 --- a/libs/ui/src/lib/ui/note/ui-note.module.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; - -import { MatIconModule } from '@angular/material/icon'; - -import { PiSharedUITextModule } from '../text'; -import { PiSharedUtilColorModule } from '../../util/color'; - -import { - PiNoteActionContentDirective, - PiNoteComponent, - PiNoteLabelContentDirective, -} from './note/note.component'; - -@NgModule({ - imports: [CommonModule, MatIconModule, PiSharedUITextModule, PiSharedUtilColorModule], - declarations: [PiNoteComponent, PiNoteLabelContentDirective, PiNoteActionContentDirective], - exports: [PiNoteComponent, PiNoteLabelContentDirective, PiNoteActionContentDirective], -}) -export class PiSharedUINoteModule {} diff --git a/libs/ui/src/lib/ui/notification/index.ts b/libs/ui/src/lib/ui/notification/index.ts index fa4e5ce..6751f1d 100644 --- a/libs/ui/src/lib/ui/notification/index.ts +++ b/libs/ui/src/lib/ui/notification/index.ts @@ -13,7 +13,7 @@ export * from './state/notification.effects'; export * from './utils'; // Module -export * from './shared-ui-notification.module'; + // Components export * from './snack-bar/snack-bar.component'; diff --git a/libs/ui/src/lib/ui/notification/shared-ui-notification.module.ts b/libs/ui/src/lib/ui/notification/shared-ui-notification.module.ts deleted file mode 100644 index 766e881..0000000 --- a/libs/ui/src/lib/ui/notification/shared-ui-notification.module.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -import { MatSnackBarModule } from '@angular/material/snack-bar'; - -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIIconModule } from '../icon'; -import { PiSharedUITextModule } from '../text'; - -import { PiSnackBarComponent } from './snack-bar/snack-bar.component'; - -@NgModule({ - imports: [ - CommonModule, - MatSnackBarModule, - PiSharedUIButtonModule, - PiSharedUIIconModule, - PiSharedUITextModule, - ], - declarations: [PiSnackBarComponent], - exports: [PiSnackBarComponent], -}) -export class PiSharedUINotificationModule {} diff --git a/libs/ui/src/lib/ui/notification/snack-bar/snack-bar.component.ts b/libs/ui/src/lib/ui/notification/snack-bar/snack-bar.component.ts index 9f745c7..048d9b0 100644 --- a/libs/ui/src/lib/ui/notification/snack-bar/snack-bar.component.ts +++ b/libs/ui/src/lib/ui/notification/snack-bar/snack-bar.component.ts @@ -1,20 +1,28 @@ -import { - ChangeDetectionStrategy, - Component, - HostBinding, - Inject, - Input, - Optional, -} from '@angular/core'; +import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, Optional, forwardRef } from '@angular/core'; import { MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar'; -import { styleType } from '../../../styles'; +import { styleType } from '../../../styles'; +import { NgIf } from '@angular/common'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { PiMediumButtonDirective, PiGhostButtonDirective } from '../../button/button.directive'; +import { PiTextWeightMediumDirective } from '../../text/directives/text-weights.directive'; +import { PiTextMediumDirective, PiTextXSmallDirective } from '../../text/directives/text-sizes.directive'; + @Component({ - standalone: false, - selector: 'pi-snack-bar', - templateUrl: './snack-bar.component.html', - styleUrls: ['./snack-bar.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-snack-bar', + templateUrl: './snack-bar.component.html', + styleUrls: ['./snack-bar.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + PiIconComponent, + PiMediumButtonDirective, + PiTextWeightMediumDirective, + PiTextMediumDirective, + PiTextXSmallDirective, + PiGhostButtonDirective, + forwardRef(() => PiSnackBarComponent) +], }) export class PiSnackBarComponent { @HostBinding('class') className = 'pi-snackbar'; diff --git a/libs/ui/src/lib/ui/paginator/index.ts b/libs/ui/src/lib/ui/paginator/index.ts index 6a2eee9..9efd2f9 100644 --- a/libs/ui/src/lib/ui/paginator/index.ts +++ b/libs/ui/src/lib/ui/paginator/index.ts @@ -1,3 +1,3 @@ -export * from './shared-ui-paginator.module'; + export * from './paginator/paginator.component'; diff --git a/libs/ui/src/lib/ui/paginator/paginator/paginator.component.ts b/libs/ui/src/lib/ui/paginator/paginator/paginator.component.ts index 15c7df6..cad8947 100644 --- a/libs/ui/src/lib/ui/paginator/paginator/paginator.component.ts +++ b/libs/ui/src/lib/ui/paginator/paginator/paginator.component.ts @@ -1,19 +1,21 @@ -import { - ChangeDetectionStrategy, - EventEmitter, - Component, - Output, - Input, - OnInit, - HostBinding, -} from '@angular/core'; +import { ChangeDetectionStrategy, EventEmitter, Component, Output, Input, OnInit, HostBinding, forwardRef } from '@angular/core'; +import { PiIconButtonComponent } from '../../button/icon-button/icon-button.component'; +import { NgIf, NgFor } from '@angular/common'; +import { PiIconComponent } from '../../icon/icon/icon.component'; + @Component({ - standalone: false, - selector: 'pi-paginator', - templateUrl: './paginator.component.html', - styleUrls: ['./paginator.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-paginator', + templateUrl: './paginator.component.html', + styleUrls: ['./paginator.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + PiIconButtonComponent, + NgIf, + NgFor, + PiIconComponent, + forwardRef(() => PiPaginatorComponent) +], }) export class PiPaginatorComponent implements OnInit { @HostBinding('class') className = 'pi-paginator'; diff --git a/libs/ui/src/lib/ui/paginator/shared-ui-paginator.module.ts b/libs/ui/src/lib/ui/paginator/shared-ui-paginator.module.ts deleted file mode 100644 index 732ff06..0000000 --- a/libs/ui/src/lib/ui/paginator/shared-ui-paginator.module.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiPaginatorComponent } from './paginator/paginator.component'; - -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIIconModule } from '../icon'; - -@NgModule({ - imports: [CommonModule, PiSharedUIButtonModule, PiSharedUIIconModule], - declarations: [PiPaginatorComponent], - exports: [PiPaginatorComponent], -}) -export class PiSharedUIPaginatorModule {} diff --git a/libs/ui/src/lib/ui/panel/expansion-panel/expansion-panel.component.ts b/libs/ui/src/lib/ui/panel/expansion-panel/expansion-panel.component.ts index 7a9fd39..7cb2f4f 100644 --- a/libs/ui/src/lib/ui/panel/expansion-panel/expansion-panel.component.ts +++ b/libs/ui/src/lib/ui/panel/expansion-panel/expansion-panel.component.ts @@ -11,16 +11,39 @@ import { SimpleChanges, TemplateRef, } from '@angular/core'; -import { FormGroup } from '@angular/forms'; +import { FormGroup, ReactiveFormsModule } from '@angular/forms'; import { ComponentFamilyClass } from '../../../styles'; -import { PiBasePanelComponent } from '../base-panel.component'; +import { PiBasePanelComponent } from '../base-panel.component'; +import { NgIf, NgTemplateOutlet } from '@angular/common'; +import { PiTextMediumDirective, PiTextXSmallDirective } from '../../text/directives/text-sizes.directive'; +import { PiTextWeightMediumDirective, PiTextWeightLightDirective } from '../../text/directives/text-weights.directive'; +import { PiMediumButtonDirective } from '../../button/button.directive'; +import { PiColorGreyDirective } from '../../../util/color/directives/colors.directive'; +import { PiDividerComponent } from '../../divider/divider/divider.component'; +import { PiIconButtonComponent } from '../../button/icon-button/icon-button.component'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-expansion-panel', - templateUrl: './expansion-panel.component.html', - styleUrls: ['./expansion-panel.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-expansion-panel', + templateUrl: './expansion-panel.component.html', + styleUrls: ['./expansion-panel.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + ReactiveFormsModule, + PiTextMediumDirective, + PiTextWeightMediumDirective, + PiMediumButtonDirective, + PiColorGreyDirective, + PiTextWeightLightDirective, + PiTextXSmallDirective, + PiDividerComponent, + PiIconButtonComponent, + NgTemplateOutlet, + PiIconComponent, + TranslatePipe, + ], }) export class PiExpansionPanelComponent extends PiBasePanelComponent implements OnInit, OnChanges { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/panel/index.ts b/libs/ui/src/lib/ui/panel/index.ts index 3846088..ab3b4ad 100644 --- a/libs/ui/src/lib/ui/panel/index.ts +++ b/libs/ui/src/lib/ui/panel/index.ts @@ -5,4 +5,4 @@ export * from './panel.directive'; export * from './base-panel.component'; -export * from './ui-panel.module'; + diff --git a/libs/ui/src/lib/ui/panel/panel.directive.ts b/libs/ui/src/lib/ui/panel/panel.directive.ts index 78f095b..7096c65 100644 --- a/libs/ui/src/lib/ui/panel/panel.directive.ts +++ b/libs/ui/src/lib/ui/panel/panel.directive.ts @@ -19,20 +19,14 @@ export abstract class PiBasePanelContentDirective implements OnInit { } // Horizontal direction -@Directive({ - standalone: false, - selector: 'pi-panel-right-content', -}) +@Directive({ selector: 'pi-panel-right-content', }) export class PiPanelRightContentDirective extends PiBasePanelContentDirective{ @HostBinding('class') get classes(): string { return 'pi-panel-content__right'; } } -@Directive({ - standalone: false, - selector: 'pi-panel-left-content', -}) +@Directive({ selector: 'pi-panel-left-content', }) export class PiPanelLeftContentDirective extends PiBasePanelContentDirective{ @HostBinding('class') get classes(): string { return 'pi-panel-content__left'; @@ -40,30 +34,21 @@ export class PiPanelLeftContentDirective extends PiBasePanelContentDirective{ } // Vertical direction -@Directive({ - standalone: false, - selector: 'pi-panel-top-content', -}) +@Directive({ selector: 'pi-panel-top-content', }) export class PiPanelTopContentDirective extends PiBasePanelContentDirective{ @HostBinding('class') get classes(): string { return 'pi-panel-content__top'; } } -@Directive({ - standalone: false, - selector: 'pi-panel-center-content', -}) +@Directive({ selector: 'pi-panel-center-content', }) export class PiPanelCenterContentDirective extends PiBasePanelContentDirective{ @HostBinding('class') get classes(): string { return 'pi-panel-content__center'; } } -@Directive({ - standalone: false, - selector: 'pi-panel-expandable-content', -}) +@Directive({ selector: 'pi-panel-expandable-content', }) export class PiPanelExpandableContentDirective extends PiBasePanelContentDirective{ @HostBinding('class') get classes(): string { return 'pi-panel-content__expandable'; @@ -71,10 +56,7 @@ export class PiPanelExpandableContentDirective extends PiBasePanelContentDirecti } // Vertical direction -@Directive({ - standalone: false, - selector: 'pi-panel-bottom-content', -}) +@Directive({ selector: 'pi-panel-bottom-content', }) export class PiPanelBottomContentDirective extends PiBasePanelContentDirective{ @HostBinding('class') get classes(): string { return 'pi-panel-content__bottom'; diff --git a/libs/ui/src/lib/ui/panel/panel/panel.component.ts b/libs/ui/src/lib/ui/panel/panel/panel.component.ts index 0c06a40..005ebe8 100644 --- a/libs/ui/src/lib/ui/panel/panel/panel.component.ts +++ b/libs/ui/src/lib/ui/panel/panel/panel.component.ts @@ -1,13 +1,26 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; import { ComponentFamilyClass } from '../../../styles'; -import { PiBasePanelComponent } from '../base-panel.component'; +import { PiBasePanelComponent } from '../base-panel.component'; +import { NgIf } from '@angular/common'; +import { PiTextMediumDirective, PiTextXSmallDirective } from '../../text/directives/text-sizes.directive'; +import { PiTextWeightMediumDirective, PiTextWeightLightDirective } from '../../text/directives/text-weights.directive'; +import { PiMediumButtonDirective } from '../../button/button.directive'; +import { PiColorGreyDirective } from '../../../util/color/directives/colors.directive'; @Component({ - standalone: false, - selector: 'pi-panel', - templateUrl: './panel.component.html', - styleUrls: ['./panel.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-panel', + templateUrl: './panel.component.html', + styleUrls: ['./panel.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + PiTextMediumDirective, + PiTextWeightMediumDirective, + PiMediumButtonDirective, + PiColorGreyDirective, + PiTextWeightLightDirective, + PiTextXSmallDirective, + ], }) export class PiPanelComponent extends PiBasePanelComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/panel/ui-panel.module.ts b/libs/ui/src/lib/ui/panel/ui-panel.module.ts deleted file mode 100644 index 229e8a3..0000000 --- a/libs/ui/src/lib/ui/panel/ui-panel.module.ts +++ /dev/null @@ -1,64 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; - -// Shared -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIIconModule } from '../icon'; -import { PiSharedUITextModule } from '../text'; - -// Components -import { PiSharedUtilColorModule } from '../../util/color'; -import { PiExpansionPanelComponent } from './expansion-panel/expansion-panel.component'; -import { PiPanelComponent } from './panel/panel.component'; - -// Directives -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { - PiPanelBottomContentDirective, - PiPanelCenterContentDirective, - PiPanelExpandableContentDirective, - PiPanelLeftContentDirective, - PiPanelRightContentDirective, - PiPanelTopContentDirective, -} from './panel.directive'; - -import { PiSharedUITooltipModule } from '../tooltip'; -import { TranslatePipe, TranslateDirective } from '@ngx-translate/core'; -import { PiSharedUIDividerModule } from '../divider'; - -@NgModule({ - imports: [ - CommonModule, - TranslatePipe, TranslateDirective, - PiSharedUITextModule, - PiSharedUIButtonModule, - PiSharedUIIconModule, - PiSharedUITextModule, - PiSharedUtilColorModule, - PiSharedUITooltipModule, - PiSharedUIDividerModule, - ReactiveFormsModule, - FormsModule, - ], - declarations: [ - PiExpansionPanelComponent, - PiPanelComponent, - PiPanelLeftContentDirective, - PiPanelRightContentDirective, - PiPanelTopContentDirective, - PiPanelCenterContentDirective, - PiPanelExpandableContentDirective, - PiPanelBottomContentDirective, - ], - exports: [ - PiExpansionPanelComponent, - PiPanelComponent, - PiPanelLeftContentDirective, - PiPanelRightContentDirective, - PiPanelTopContentDirective, - PiPanelCenterContentDirective, - PiPanelExpandableContentDirective, - PiPanelBottomContentDirective, - ], -}) -export class PiSharedUIPanelModule {} diff --git a/libs/ui/src/lib/ui/progress/index.ts b/libs/ui/src/lib/ui/progress/index.ts index 34976d1..ae03fec 100644 --- a/libs/ui/src/lib/ui/progress/index.ts +++ b/libs/ui/src/lib/ui/progress/index.ts @@ -1,4 +1,4 @@ -export * from './ui-progress.module'; + export * from './progress-bar/progress-bar.component'; diff --git a/libs/ui/src/lib/ui/progress/progress-bar/progress-bar.component.ts b/libs/ui/src/lib/ui/progress/progress-bar/progress-bar.component.ts index 20df680..c883bd3 100644 --- a/libs/ui/src/lib/ui/progress/progress-bar/progress-bar.component.ts +++ b/libs/ui/src/lib/ui/progress/progress-bar/progress-bar.component.ts @@ -1,11 +1,13 @@ -import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; +import { ChangeDetectionStrategy, Component, HostBinding, Input, forwardRef } from '@angular/core'; +import { MatProgressBar } from '@angular/material/progress-bar'; + @Component({ - standalone: false, - selector: 'pi-progress-bar', - templateUrl: './progress-bar.component.html', - styleUrls: ['./progress-bar.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-progress-bar', + templateUrl: './progress-bar.component.html', + styleUrls: ['./progress-bar.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [MatProgressBar, forwardRef(() => PiProgressBarComponent)], }) export class PiProgressBarComponent { @HostBinding('class') className = 'pi-progress-bar'; diff --git a/libs/ui/src/lib/ui/progress/progress-spinner/progress-spinner.component.ts b/libs/ui/src/lib/ui/progress/progress-spinner/progress-spinner.component.ts index 4409dce..ce698d0 100644 --- a/libs/ui/src/lib/ui/progress/progress-spinner/progress-spinner.component.ts +++ b/libs/ui/src/lib/ui/progress/progress-spinner/progress-spinner.component.ts @@ -1,10 +1,17 @@ -import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; +import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; +import { MatProgressSpinner } from '@angular/material/progress-spinner'; +import { NgIf } from '@angular/common'; +import { PiProgressBarComponent } from '../progress-bar/progress-bar.component'; @Component({ - standalone: false, - selector: 'pi-progress-spinner', - templateUrl: './progress-spinner.component.html', - styleUrls: ['./progress-spinner.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-progress-spinner', + templateUrl: './progress-spinner.component.html', + styleUrls: ['./progress-spinner.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + MatProgressSpinner, + NgIf, + PiProgressBarComponent, + ], }) export class PiProgressSpinnerComponent { @HostBinding('class') diff --git a/libs/ui/src/lib/ui/progress/ui-progress.module.ts b/libs/ui/src/lib/ui/progress/ui-progress.module.ts deleted file mode 100644 index c4debc3..0000000 --- a/libs/ui/src/lib/ui/progress/ui-progress.module.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiProgressBarComponent } from './progress-bar/progress-bar.component'; -import { PiProgressSpinnerComponent } from './progress-spinner/progress-spinner.component'; - -// MATERIAL ANGULAR -import { MatProgressBarModule } from '@angular/material/progress-bar'; -import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; - -const MATERIAL_IMPORTS = [MatProgressBarModule, MatProgressSpinnerModule]; - -@NgModule({ - imports: [CommonModule, MATERIAL_IMPORTS], - declarations: [PiProgressBarComponent, PiProgressSpinnerComponent], - exports: [PiProgressBarComponent, PiProgressSpinnerComponent], -}) -export class PiSharedUIProgressModule {} diff --git a/libs/ui/src/lib/ui/select/base-select.component.ts b/libs/ui/src/lib/ui/select/base-select.component.ts index a459d2a..87b721e 100644 --- a/libs/ui/src/lib/ui/select/base-select.component.ts +++ b/libs/ui/src/lib/ui/select/base-select.component.ts @@ -21,8 +21,7 @@ import { actionIcon, } from './entities/select.model'; -@Component({ - standalone: false, +@Component({ template: '', providers: [ { diff --git a/libs/ui/src/lib/ui/select/index.ts b/libs/ui/src/lib/ui/select/index.ts index 10254fc..c8c3514 100644 --- a/libs/ui/src/lib/ui/select/index.ts +++ b/libs/ui/src/lib/ui/select/index.ts @@ -1,4 +1,4 @@ -export * from './ui-select.module'; + export * from './select-multiple/select-multiple.component'; export * from './select-option/select-option.component'; diff --git a/libs/ui/src/lib/ui/select/select-carousel/select-carousel.component.ts b/libs/ui/src/lib/ui/select/select-carousel/select-carousel.component.ts index 6aa9783..a73c331 100644 --- a/libs/ui/src/lib/ui/select/select-carousel/select-carousel.component.ts +++ b/libs/ui/src/lib/ui/select/select-carousel/select-carousel.component.ts @@ -11,27 +11,37 @@ import { Renderer2, } from '@angular/core'; import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { TranslateService } from '@ngx-translate/core'; +import { TranslateService, TranslatePipe } from '@ngx-translate/core'; import _ from 'lodash'; import { merge } from 'rxjs'; import { PiBaseSelectComponent } from '../base-select.component'; import { PiSelectOptionComponent } from '../select-option/select-option.component'; import { Device } from '../../../util/device-configs'; -import { justify } from '../../../styles'; +import { justify } from '../../../styles'; +import { PiCarouselComponent } from '../../carousel/carousel/carousel.component'; +import { NgFor, NgTemplateOutlet } from '@angular/common'; +import { PiCarouselItemDirective } from '../../carousel/carousel.directive'; @Component({ - standalone: false, - selector: 'pi-select-carousel', - templateUrl: './select-carousel.component.html', - styleUrls: ['./select-carousel.component.scss', '../styles/base-select.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiSelectCarouselComponent, - multi: true, - }, - ], + selector: 'pi-select-carousel', + templateUrl: './select-carousel.component.html', + styleUrls: ['./select-carousel.component.scss', '../styles/base-select.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiSelectCarouselComponent, + multi: true, + }, + ], + imports: [ + PiCarouselComponent, + NgFor, + PiCarouselItemDirective, + PiSelectOptionComponent, + NgTemplateOutlet, + TranslatePipe, + ], }) export class PiSelectCarouselComponent extends PiBaseSelectComponent implements AfterContentInit { /** diff --git a/libs/ui/src/lib/ui/select/select-multiple/select-multiple.component.ts b/libs/ui/src/lib/ui/select/select-multiple/select-multiple.component.ts index b93856c..f9ac406 100644 --- a/libs/ui/src/lib/ui/select/select-multiple/select-multiple.component.ts +++ b/libs/ui/src/lib/ui/select/select-multiple/select-multiple.component.ts @@ -10,27 +10,52 @@ import { QueryList, Renderer2, } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { TranslateService } from '@ngx-translate/core'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; +import { TranslateService, TranslatePipe } from '@ngx-translate/core'; import { merge } from 'rxjs'; import { PiBaseSelectComponent } from '../base-select.component'; import { PiSelectOptionComponent } from '../select-option/select-option.component'; import _ from 'lodash'; -import { MatCheckboxChange } from '@angular/material/checkbox'; +import { MatCheckboxChange, MatCheckbox } from '@angular/material/checkbox'; +import { NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet, NgFor } from '@angular/common'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { PiDisabledDirective } from '../../../util/status/directives/status.directive'; +import { PiDisabledDirective as PiDisabledDirective_1 } from '../../text/directives/text-styles.directive'; +import { PiDynamicColorDirective, PiColorPrimaryDirective } from '../../../util/color/directives/colors.directive'; +import { PiGhostButtonDirective, PiW100ButtonDirective } from '../../button/button.directive'; +import { TruncatePipe } from '../../../util/pipes/pipes'; @Component({ - standalone: false, - selector: 'pi-select-multiple', - templateUrl: './select-multiple.component.html', - styleUrls: ['./select-multiple.component.scss', '../styles/base-select.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiSelectMultipleComponent, - multi: true, - }, - ], + selector: 'pi-select-multiple', + templateUrl: './select-multiple.component.html', + styleUrls: ['./select-multiple.component.scss', '../styles/base-select.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiSelectMultipleComponent, + multi: true, + }, + ], + imports: [ + ReactiveFormsModule, + NgIf, + PiIconComponent, + PiDisabledDirective, + PiDisabledDirective_1, + NgSwitch, + NgSwitchCase, + NgTemplateOutlet, + MatCheckbox, + PiDynamicColorDirective, + NgFor, + PiSelectOptionComponent, + PiGhostButtonDirective, + PiColorPrimaryDirective, + PiW100ButtonDirective, + TruncatePipe, + TranslatePipe, + ], }) export class PiSelectMultipleComponent extends PiBaseSelectComponent implements AfterContentInit { /** diff --git a/libs/ui/src/lib/ui/select/select-option/select-option.component.ts b/libs/ui/src/lib/ui/select/select-option/select-option.component.ts index 8db1803..aa2bf93 100644 --- a/libs/ui/src/lib/ui/select/select-option/select-option.component.ts +++ b/libs/ui/src/lib/ui/select/select-option/select-option.component.ts @@ -5,14 +5,27 @@ import { HostBinding, Input, } from '@angular/core'; -import { SelectColor, SelectOptionFlexDirection, actionIcon } from '../entities/select.model'; +import { SelectColor, SelectOptionFlexDirection, actionIcon } from '../entities/select.model'; +import { NgSwitch, NgSwitchCase, NgIf } from '@angular/common'; +import { PiRadioButtonComponent } from '../../button/radio-button/radio-button.component'; +import { MatIcon } from '@angular/material/icon'; +import { MatCheckbox } from '@angular/material/checkbox'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-select-option', - templateUrl: './select-option.component.html', - styleUrls: ['./select-option.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-select-option', + templateUrl: './select-option.component.html', + styleUrls: ['./select-option.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgSwitch, + NgSwitchCase, + NgIf, + PiRadioButtonComponent, + MatIcon, + MatCheckbox, + TranslatePipe, + ], }) export class PiSelectOptionComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/select/select-period/select-period.component.ts b/libs/ui/src/lib/ui/select/select-period/select-period.component.ts index 343fa8f..e971862 100644 --- a/libs/ui/src/lib/ui/select/select-period/select-period.component.ts +++ b/libs/ui/src/lib/ui/select/select-period/select-period.component.ts @@ -11,26 +11,44 @@ import { QueryList, Renderer2, } from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { TranslateService } from '@ngx-translate/core'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; +import { TranslateService, TranslatePipe } from '@ngx-translate/core'; import { merge } from 'rxjs'; import { PiBaseSelectComponent } from '../base-select.component'; import { PiSelectOptionComponent } from '../select-option/select-option.component'; -import _ from 'lodash'; +import _ from 'lodash'; +import { NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet, NgFor } from '@angular/common'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { PiDisabledDirective } from '../../../util/status/directives/status.directive'; +import { PiDisabledDirective as PiDisabledDirective_1 } from '../../text/directives/text-styles.directive'; +import { PiSelectComponent } from '../select/select.component'; @Component({ - standalone: false, - selector: 'pi-select-period', - templateUrl: './select-period.component.html', - styleUrls: ['./select-period.component.scss', '../styles/base-select.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiSelectPeriodComponent, - multi: true, - }, - ], + selector: 'pi-select-period', + templateUrl: './select-period.component.html', + styleUrls: ['./select-period.component.scss', '../styles/base-select.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiSelectPeriodComponent, + multi: true, + }, + ], + imports: [ + ReactiveFormsModule, + NgIf, + PiIconComponent, + NgSwitch, + NgSwitchCase, + NgTemplateOutlet, + PiDisabledDirective, + PiDisabledDirective_1, + NgFor, + PiSelectOptionComponent, + PiSelectComponent, + TranslatePipe, + ], }) export class PiSelectPeriodComponent extends PiBaseSelectComponent implements AfterContentInit { /** diff --git a/libs/ui/src/lib/ui/select/select/select.component.ts b/libs/ui/src/lib/ui/select/select/select.component.ts index f46ca34..966e117 100644 --- a/libs/ui/src/lib/ui/select/select/select.component.ts +++ b/libs/ui/src/lib/ui/select/select/select.component.ts @@ -1,36 +1,42 @@ -import { - AfterContentInit, - ChangeDetectionStrategy, - ChangeDetectorRef, - Component, - ElementRef, - HostBinding, - HostListener, - Injector, - Input, - QueryList, - Renderer2, -} from '@angular/core'; -import { NG_VALUE_ACCESSOR } from '@angular/forms'; -import { TranslateService } from '@ngx-translate/core'; +import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, HostListener, Injector, Input, QueryList, Renderer2, forwardRef } from '@angular/core'; +import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; +import { TranslateService, TranslatePipe } from '@ngx-translate/core'; import { merge } from 'rxjs'; import { PiBaseSelectComponent } from '../base-select.component'; import { PiSelectOptionComponent } from '../select-option/select-option.component'; -import _ from 'lodash'; +import _ from 'lodash'; +import { NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet, NgFor } from '@angular/common'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { PiDisabledDirective } from '../../../util/status/directives/status.directive'; +import { PiDisabledDirective as PiDisabledDirective_1 } from '../../text/directives/text-styles.directive'; + @Component({ - standalone: false, - selector: 'pi-select', - templateUrl: './select.component.html', - styleUrls: ['../styles/base-select.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiSelectComponent, - multi: true, - }, - ], + selector: 'pi-select', + templateUrl: './select.component.html', + styleUrls: ['../styles/base-select.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiSelectComponent, + multi: true, + }, + ], + imports: [ + ReactiveFormsModule, + NgIf, + PiIconComponent, + NgSwitch, + NgSwitchCase, + NgTemplateOutlet, + PiDisabledDirective, + PiDisabledDirective_1, + NgFor, + PiSelectOptionComponent, + forwardRef(() => PiSelectComponent), + TranslatePipe +], }) export class PiSelectComponent extends PiBaseSelectComponent implements AfterContentInit { /** diff --git a/libs/ui/src/lib/ui/select/ui-select.module.ts b/libs/ui/src/lib/ui/select/ui-select.module.ts deleted file mode 100644 index b7f5328..0000000 --- a/libs/ui/src/lib/ui/select/ui-select.module.ts +++ /dev/null @@ -1,71 +0,0 @@ -// Angular -import { OverlayModule } from '@angular/cdk/overlay'; -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; - -// ngrx -import { NgxCurrencyDirective } from 'ngx-currency'; - -// Translate -import { TranslatePipe, TranslateDirective } from '@ngx-translate/core'; - -// Shared -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUICarouselModule } from '../carousel'; -import { PiSharedUIIconModule } from '../icon'; -import { PiSharedUITextModule } from '../text'; -import { PiSharedUITooltipModule } from '../tooltip'; -import { PiSharedUIWrapperModule } from '../wrapper'; -import { PiSharedUtilColorModule } from '../../util/color'; -import { PiSharedUtilPipesModule } from '../../util/pipes'; -import { PiSharedUtilStatusModule } from '../../util/status'; - -//Components -import { PiSelectCarouselComponent } from './select-carousel/select-carousel.component'; -import { PiSelectComponent } from './select/select.component'; -import { PiSelectMultipleComponent } from './select-multiple/select-multiple.component'; -import { PiSelectOptionComponent } from './select-option/select-option.component'; - -// Material -import { MatCheckboxModule } from '@angular/material/checkbox'; -import { MatIconModule } from '@angular/material/icon'; -import { PiSelectPeriodComponent } from './select-period/select-period.component'; - -const MATERIAL_IMPORTS = [MatIconModule, MatCheckboxModule]; - -@NgModule({ - imports: [ - CommonModule, - PiSharedUIButtonModule, - PiSharedUIIconModule, - PiSharedUITooltipModule, - PiSharedUIWrapperModule, - PiSharedUtilColorModule, - PiSharedUtilPipesModule, - PiSharedUtilStatusModule, - PiSharedUITextModule, - PiSharedUICarouselModule, - FormsModule, - MATERIAL_IMPORTS, - NgxCurrencyDirective, - OverlayModule, - ReactiveFormsModule, - TranslatePipe, TranslateDirective, - ], - declarations: [ - PiSelectComponent, - PiSelectMultipleComponent, - PiSelectOptionComponent, - PiSelectCarouselComponent, - PiSelectPeriodComponent, - ], - exports: [ - PiSelectComponent, - PiSelectMultipleComponent, - PiSelectOptionComponent, - PiSelectCarouselComponent, - PiSelectPeriodComponent, - ], -}) -export class PiSharedUISelectModule {} diff --git a/libs/ui/src/lib/ui/slide-toggle/index.ts b/libs/ui/src/lib/ui/slide-toggle/index.ts index b3e827b..a1b6bc0 100644 --- a/libs/ui/src/lib/ui/slide-toggle/index.ts +++ b/libs/ui/src/lib/ui/slide-toggle/index.ts @@ -1,3 +1,3 @@ -export * from './ui-slide-toggle.module'; + export * from './slide-toggle/slide-toggle.component'; diff --git a/libs/ui/src/lib/ui/slide-toggle/slide-toggle/slide-toggle.component.ts b/libs/ui/src/lib/ui/slide-toggle/slide-toggle/slide-toggle.component.ts index 437b86d..3785496 100644 --- a/libs/ui/src/lib/ui/slide-toggle/slide-toggle/slide-toggle.component.ts +++ b/libs/ui/src/lib/ui/slide-toggle/slide-toggle/slide-toggle.component.ts @@ -2,10 +2,9 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'; import { PiFormControl } from '../../../util/form-control'; @Component({ - standalone: false, - selector: 'pi-slide-toggle', - templateUrl: './slide-toggle.component.html', - styleUrls: ['./slide-toggle.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-slide-toggle', + templateUrl: './slide-toggle.component.html', + styleUrls: ['./slide-toggle.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, }) export class PiSlideToggleComponent extends PiFormControl {} diff --git a/libs/ui/src/lib/ui/slide-toggle/ui-slide-toggle.module.ts b/libs/ui/src/lib/ui/slide-toggle/ui-slide-toggle.module.ts deleted file mode 100644 index 93089d4..0000000 --- a/libs/ui/src/lib/ui/slide-toggle/ui-slide-toggle.module.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiSlideToggleComponent } from './slide-toggle/slide-toggle.component'; - -@NgModule({ - imports: [CommonModule], - declarations: [PiSlideToggleComponent], - exports: [PiSlideToggleComponent], -}) -export class PiSharedUISlideToggleModule {} diff --git a/libs/ui/src/lib/ui/slider/index.ts b/libs/ui/src/lib/ui/slider/index.ts index 996c79c..538a593 100644 --- a/libs/ui/src/lib/ui/slider/index.ts +++ b/libs/ui/src/lib/ui/slider/index.ts @@ -1,4 +1,4 @@ -export * from './ui-slider.module'; + export * from './range-slider/range-slider.component'; diff --git a/libs/ui/src/lib/ui/slider/range-slider/range-slider.component.ts b/libs/ui/src/lib/ui/slider/range-slider/range-slider.component.ts index a7b1a51..414f2e3 100644 --- a/libs/ui/src/lib/ui/slider/range-slider/range-slider.component.ts +++ b/libs/ui/src/lib/ui/slider/range-slider/range-slider.component.ts @@ -1,32 +1,29 @@ // Angular -import { - ChangeDetectionStrategy, - Component, - HostBinding, - Input, - OnInit -} from '@angular/core'; -import { - FormGroup, - FormGroupDirective, - NG_VALUE_ACCESSOR -} from '@angular/forms'; +import { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit, forwardRef } from '@angular/core'; +import { FormGroup, FormGroupDirective, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; // Component -import { PiBaseSliderComponent } from '../base-slider.component'; +import { PiBaseSliderComponent } from '../base-slider.component'; +import { MatSlider, MatSliderRangeThumb } from '@angular/material/slider'; + @Component({ - standalone: false, - selector: 'pi-range-slider', - templateUrl: './range-slider.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiRangeSliderComponent, - multi: true, - }, - ], + selector: 'pi-range-slider', + templateUrl: './range-slider.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiRangeSliderComponent, + multi: true, + }, + ], + imports: [ + ReactiveFormsModule, + MatSlider, + MatSliderRangeThumb, + forwardRef(() => PiRangeSliderComponent) +], }) export class PiRangeSliderComponent extends PiBaseSliderComponent implements OnInit { @HostBinding('class') className = 'pi-slider__range'; diff --git a/libs/ui/src/lib/ui/slider/slider/slider.component.ts b/libs/ui/src/lib/ui/slider/slider/slider.component.ts index 2e5c28b..943bc36 100644 --- a/libs/ui/src/lib/ui/slider/slider/slider.component.ts +++ b/libs/ui/src/lib/ui/slider/slider/slider.component.ts @@ -6,27 +6,31 @@ import { Input, OnInit } from '@angular/core'; -import { - ControlContainer, - NG_VALUE_ACCESSOR -} from '@angular/forms'; +import { ControlContainer, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms'; // Component -import { PiBaseSliderComponent } from '../base-slider.component'; +import { PiBaseSliderComponent } from '../base-slider.component'; +import { NgIf } from '@angular/common'; +import { MatSlider, MatSliderThumb } from '@angular/material/slider'; @Component({ - standalone: false, - selector: 'pi-slider', - templateUrl: './slider.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, - styleUrls: ['./slider.component.scss'], - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: PiSliderComponent, - multi: true, - }, - ], + selector: 'pi-slider', + templateUrl: './slider.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + styleUrls: ['./slider.component.scss'], + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: PiSliderComponent, + multi: true, + }, + ], + imports: [ + NgIf, + MatSlider, + MatSliderThumb, + ReactiveFormsModule, + ], }) export class PiSliderComponent extends PiBaseSliderComponent implements OnInit { diff --git a/libs/ui/src/lib/ui/slider/ui-slider.module.ts b/libs/ui/src/lib/ui/slider/ui-slider.module.ts deleted file mode 100644 index 1930a94..0000000 --- a/libs/ui/src/lib/ui/slider/ui-slider.module.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { MatSliderModule } from '@angular/material/slider'; - -// Component -import { PiRangeSliderComponent } from './range-slider/range-slider.component'; -import { PiSliderComponent } from './slider/slider.component'; -import { PiSharedUIWrapperModule } from '../wrapper'; - -@NgModule({ - imports: [CommonModule, ReactiveFormsModule, FormsModule, MatSliderModule, PiSharedUIWrapperModule], - declarations: [PiRangeSliderComponent, PiSliderComponent], - exports: [PiRangeSliderComponent, PiSliderComponent], -}) -export class PiSharedUISliderModule {} diff --git a/libs/ui/src/lib/ui/spinner/index.ts b/libs/ui/src/lib/ui/spinner/index.ts index 413253f..4a11dc2 100644 --- a/libs/ui/src/lib/ui/spinner/index.ts +++ b/libs/ui/src/lib/ui/spinner/index.ts @@ -1,3 +1,3 @@ -export * from './ui-loader.module'; + export * from './spinner/spinner.component'; diff --git a/libs/ui/src/lib/ui/spinner/spinner/spinner.component.ts b/libs/ui/src/lib/ui/spinner/spinner/spinner.component.ts index d424c4b..469a4eb 100644 --- a/libs/ui/src/lib/ui/spinner/spinner/spinner.component.ts +++ b/libs/ui/src/lib/ui/spinner/spinner/spinner.component.ts @@ -1,12 +1,13 @@ // Angular import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; -import { ComponentFamilyClass } from '../../../styles'; +import { ComponentFamilyClass } from '../../../styles'; +import { MatProgressSpinner } from '@angular/material/progress-spinner'; @Component({ - standalone: false, - selector: 'pi-spinner', - templateUrl: './spinner.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-spinner', + templateUrl: './spinner.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [MatProgressSpinner], }) export class PiSpinnerComponent { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/spinner/ui-loader.module.ts b/libs/ui/src/lib/ui/spinner/ui-loader.module.ts deleted file mode 100644 index 4f81217..0000000 --- a/libs/ui/src/lib/ui/spinner/ui-loader.module.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -// Material -import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; - -// Components -import { PiSpinnerComponent } from './spinner/spinner.component'; - -@NgModule({ - imports: [CommonModule, MatProgressSpinnerModule], - declarations: [PiSpinnerComponent], - exports: [PiSpinnerComponent], -}) -export class PiSharedUILoaderModule {} diff --git a/libs/ui/src/lib/ui/tab/index.ts b/libs/ui/src/lib/ui/tab/index.ts index bbd47e7..ec3653e 100644 --- a/libs/ui/src/lib/ui/tab/index.ts +++ b/libs/ui/src/lib/ui/tab/index.ts @@ -1,4 +1,4 @@ -export * from './ui-tab.module'; + export * from './tab/tab.component'; diff --git a/libs/ui/src/lib/ui/tab/tab.directive.ts b/libs/ui/src/lib/ui/tab/tab.directive.ts index c9f73df..abe5e24 100644 --- a/libs/ui/src/lib/ui/tab/tab.directive.ts +++ b/libs/ui/src/lib/ui/tab/tab.directive.ts @@ -1,17 +1,11 @@ import { Directive, TemplateRef } from '@angular/core'; -@Directive({ - standalone: false, - selector: '[pi-tab-content]', -}) +@Directive({ selector: '[pi-tab-content]', }) export class PiTabContentDirective { constructor(public templateRef: TemplateRef) {} } -@Directive({ - standalone: false, - selector: '[pi-tab-element]', -}) +@Directive({ selector: '[pi-tab-element]', }) export class PiTabElementDirective { constructor(public templateRef: TemplateRef) {} } \ No newline at end of file diff --git a/libs/ui/src/lib/ui/tab/tab/tab.component.ts b/libs/ui/src/lib/ui/tab/tab/tab.component.ts index 53df72c..24f9512 100644 --- a/libs/ui/src/lib/ui/tab/tab/tab.component.ts +++ b/libs/ui/src/lib/ui/tab/tab/tab.component.ts @@ -16,14 +16,27 @@ import { ViewChild, } from '@angular/core'; import { TabButton } from '../entities/tab.model'; -import { PiTabContentDirective, PiTabElementDirective } from '../tab.directive'; +import { PiTabContentDirective, PiTabElementDirective } from '../tab.directive'; +import { NgIf, NgFor, NgTemplateOutlet } from '@angular/common'; +import { PiIconComponent } from '../../icon/icon/icon.component'; +import { PiDisabledDirective } from '../../../util/status/directives/status.directive'; +import { PiDisabledDirective as PiDisabledDirective_1 } from '../../text/directives/text-styles.directive'; +import { TranslatePipe } from '@ngx-translate/core'; @Component({ - standalone: false, - selector: 'pi-tab', - templateUrl: './tab.component.html', - styleUrls: ['./tab.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-tab', + templateUrl: './tab.component.html', + styleUrls: ['./tab.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + PiIconComponent, + PiDisabledDirective, + PiDisabledDirective_1, + NgFor, + NgTemplateOutlet, + TranslatePipe, + ], }) export class PiTabComponent implements AfterViewInit, AfterViewChecked, OnDestroy { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/tab/ui-tab.module.ts b/libs/ui/src/lib/ui/tab/ui-tab.module.ts deleted file mode 100644 index f4ec950..0000000 --- a/libs/ui/src/lib/ui/tab/ui-tab.module.ts +++ /dev/null @@ -1,37 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiTabComponent } from './tab/tab.component'; -import { PiTabContentDirective, PiTabElementDirective } from './tab.directive'; - -// Shared -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIIconModule } from '../icon'; -import { PiSharedUtilColorModule } from '../../util/color'; -import { PiSharedUtilStatusModule } from '../../util/status'; -import { PiSharedUITextModule } from '../text'; - -// Translate -import { TranslatePipe, TranslateDirective } from '@ngx-translate/core'; - -@NgModule({ - imports: [ - CommonModule, - PiSharedUIButtonModule, - PiSharedUIIconModule, - PiSharedUtilColorModule, - PiSharedUtilStatusModule, - PiSharedUITextModule, - TranslatePipe, TranslateDirective - ], - declarations: [ - PiTabComponent, - PiTabContentDirective, - PiTabElementDirective - ], - exports: [ - PiTabComponent, - PiTabContentDirective, - PiTabElementDirective - ], -}) -export class PiSharedUITabModule {} \ No newline at end of file diff --git a/libs/ui/src/lib/ui/text/directives/text-color.directive.ts b/libs/ui/src/lib/ui/text/directives/text-color.directive.ts index 2c2f7b0..8fe9216 100644 --- a/libs/ui/src/lib/ui/text/directives/text-color.directive.ts +++ b/libs/ui/src/lib/ui/text/directives/text-color.directive.ts @@ -2,10 +2,7 @@ import { Directive, HostBinding, Input } from '@angular/core'; import { styleType } from '../../../styles'; // Condition color -@Directive({ - standalone: false, - selector: '[pi-color]', -}) +@Directive({ selector: '[pi-color]', }) export class PiTextColorDirective { // Blue @HostBinding('class.pi-color__primary') get isPrimary(): boolean { diff --git a/libs/ui/src/lib/ui/text/directives/text-group-indicator.directive.ts b/libs/ui/src/lib/ui/text/directives/text-group-indicator.directive.ts index 5bd1622..6feb6ed 100644 --- a/libs/ui/src/lib/ui/text/directives/text-group-indicator.directive.ts +++ b/libs/ui/src/lib/ui/text/directives/text-group-indicator.directive.ts @@ -1,9 +1,6 @@ import { Directive, HostBinding } from '@angular/core'; -@Directive({ - standalone: false, - selector: '[pi-text-group-indicator]', -}) +@Directive({ selector: '[pi-text-group-indicator]', }) export class PiTextGroupIndicatorDirective { @HostBinding('class') get classes(): string { return 'pi-text-group pi-text-group__value-indicator'; diff --git a/libs/ui/src/lib/ui/text/directives/text-sizes.directive.ts b/libs/ui/src/lib/ui/text/directives/text-sizes.directive.ts index 470ce3a..18e1c21 100644 --- a/libs/ui/src/lib/ui/text/directives/text-sizes.directive.ts +++ b/libs/ui/src/lib/ui/text/directives/text-sizes.directive.ts @@ -1,9 +1,6 @@ import { Directive, HostBinding, Input } from '@angular/core'; -@Directive({ - standalone: false, - selector: '[pi-text-size]', -}) +@Directive({ selector: '[pi-text-size]', }) export class PiTextSizeDirective { @HostBinding('class') get classes(): string { return this.sizeClass; @@ -25,10 +22,7 @@ export class PiTextSizeDirective { } // 0.625rem - 10px -@Directive({ - standalone: false, - selector: '[xxs]', -}) +@Directive({ selector: '[xxs]', }) export class PiTextXXSmallDirective { @HostBinding('class') get classes(): string { return 'pi-text pi-text__size--xx-small'; @@ -36,10 +30,7 @@ export class PiTextXXSmallDirective { } // 0.75rem - 12px -@Directive({ - standalone: false, - selector: '[xs]', -}) +@Directive({ selector: '[xs]', }) export class PiTextXSmallDirective { @HostBinding('class') get fontSize(): string { return 'pi-text pi-text__size--x-small'; @@ -47,10 +38,7 @@ export class PiTextXSmallDirective { } // 0.9375rem - 15px -@Directive({ - standalone: false, - selector: '[s]', -}) +@Directive({ selector: '[s]', }) export class PiTextSmallDirective { @HostBinding('class') get fontSize(): string { return 'pi-text pi-text__size--small'; @@ -58,10 +46,7 @@ export class PiTextSmallDirective { } // 1.125rem - 18px -@Directive({ - standalone: false, - selector: '[m]', -}) +@Directive({ selector: '[m]', }) export class PiTextMediumDirective { @HostBinding('class') get fontSize(): string { return 'pi-text pi-text__size--medium'; @@ -69,10 +54,7 @@ export class PiTextMediumDirective { } // 1.375rem - 22px -@Directive({ - standalone: false, - selector: '[l]', -}) +@Directive({ selector: '[l]', }) export class PiTextLargeDirective { @HostBinding('class') get fontSize(): string { return 'pi-text pi-text__size--large'; @@ -80,10 +62,7 @@ export class PiTextLargeDirective { } // 1.6875rem - 27px -@Directive({ - standalone: false, - selector: '[xl]', -}) +@Directive({ selector: '[xl]', }) export class PiTextXLargeDirective { @HostBinding('class') get fontSize(): string { return 'pi-text pi-text__size--x-large'; @@ -91,10 +70,7 @@ export class PiTextXLargeDirective { } // 2.375rem - 38px -@Directive({ - standalone: false, - selector: '[xxl]', -}) +@Directive({ selector: '[xxl]', }) export class PiTextXXLargeDirective { @HostBinding('class') get fontSize(): string { return 'pi-text pi-text__size--xx-large'; @@ -102,10 +78,7 @@ export class PiTextXXLargeDirective { } // 2.875rem - 46px -@Directive({ - standalone: false, - selector: '[xxxl]', -}) +@Directive({ selector: '[xxxl]', }) export class PiTextXXXLargeDirective { @HostBinding('class') get fontSize(): string { return 'pi-text pi-text__size--xxx-large'; diff --git a/libs/ui/src/lib/ui/text/directives/text-styles.directive.ts b/libs/ui/src/lib/ui/text/directives/text-styles.directive.ts index ce6f9e9..6f99de4 100644 --- a/libs/ui/src/lib/ui/text/directives/text-styles.directive.ts +++ b/libs/ui/src/lib/ui/text/directives/text-styles.directive.ts @@ -1,28 +1,19 @@ import { Directive, HostBinding, Input, OnChanges, SimpleChanges } from '@angular/core'; -@Directive({ - standalone: false, - selector: '[pi-text-centered]', -}) +@Directive({ selector: '[pi-text-centered]', }) export class PiTextCenteredDirective { @HostBinding('class') get classes(): string { return 'pi-text pi-text__centered'; } } -@Directive({ - standalone: false, - selector: '[pi-text-group]', -}) +@Directive({ selector: '[pi-text-group]', }) export class PiTextGroupDirective { @HostBinding('class') get classes(): string { return 'pi-text pi-text__group'; } } -@Directive({ - standalone: false, - selector: '[pi-disabled]', -}) +@Directive({ selector: '[pi-disabled]', }) export class PiDisabledDirective implements OnChanges { @HostBinding('style.opacity') get opacity(): number { return this.isDisabled ? 0.2 : 1; @@ -36,10 +27,7 @@ export class PiDisabledDirective implements OnChanges { } } -@Directive({ - standalone: false, - selector: '[pi-covered]', -}) +@Directive({ selector: '[pi-covered]', }) export class PiTextCoveredDirective { @HostBinding('class') get classes(): string { return this.isCovered ? 'pi-text pi-text__is-covered' : ''; @@ -48,10 +36,7 @@ export class PiTextCoveredDirective { @Input() isCovered: boolean; } -@Directive({ - standalone: false, - selector: '[pi-letter-spacing]', -}) +@Directive({ selector: '[pi-letter-spacing]', }) export class PiTextLetterSpacingDirective { @HostBinding('class') get classes(): string { return 'pi-text pi-text__letter-spacing'; diff --git a/libs/ui/src/lib/ui/text/directives/text-weights.directive.ts b/libs/ui/src/lib/ui/text/directives/text-weights.directive.ts index b0d21d0..50003d8 100644 --- a/libs/ui/src/lib/ui/text/directives/text-weights.directive.ts +++ b/libs/ui/src/lib/ui/text/directives/text-weights.directive.ts @@ -1,10 +1,7 @@ import { Directive, HostBinding } from '@angular/core'; // 300 -@Directive({ - standalone: false, - selector: '[light]', -}) +@Directive({ selector: '[light]', }) export class PiTextWeightLightDirective { @HostBinding('style.font-weight') get fontWeight(): string { return '300'; @@ -12,10 +9,7 @@ export class PiTextWeightLightDirective { } // 400 -@Directive({ - standalone: false, - selector: '[normal]', -}) +@Directive({ selector: '[normal]', }) export class PiTextWeightNormalDirective { @HostBinding('style.font-weight') get fontWeight(): string { return '400'; @@ -23,10 +17,7 @@ export class PiTextWeightNormalDirective { } // 600 -@Directive({ - standalone: false, - selector: '[medium]', -}) +@Directive({ selector: '[medium]', }) export class PiTextWeightMediumDirective { @HostBinding('style.font-weight') get fontWeight(): string { return '600'; @@ -34,10 +25,7 @@ export class PiTextWeightMediumDirective { } // 700 -@Directive({ - standalone: false, - selector: '[bold]', -}) +@Directive({ selector: '[bold]', }) export class PiTextWeightBoldDirective { @HostBinding('style.font-weight') get fontWeight(): string { return '700'; @@ -45,10 +33,7 @@ export class PiTextWeightBoldDirective { } // 800 -@Directive({ - standalone: false, - selector: '[black]', -}) +@Directive({ selector: '[black]', }) export class PiTextWeightBlackDirective { @HostBinding('style.font-weight') get fontWeight(): string { return '800'; diff --git a/libs/ui/src/lib/ui/text/index.ts b/libs/ui/src/lib/ui/text/index.ts index 5165467..83904fe 100644 --- a/libs/ui/src/lib/ui/text/index.ts +++ b/libs/ui/src/lib/ui/text/index.ts @@ -10,4 +10,4 @@ export * from './text-viewer-link/text-viewer-link.component'; export * from './base-text-viewer.component'; -export * from './ui-text.module'; + diff --git a/libs/ui/src/lib/ui/text/text-area-expansion/text-area-expansion.component.ts b/libs/ui/src/lib/ui/text/text-area-expansion/text-area-expansion.component.ts index dd57b91..4c513a9 100644 --- a/libs/ui/src/lib/ui/text/text-area-expansion/text-area-expansion.component.ts +++ b/libs/ui/src/lib/ui/text/text-area-expansion/text-area-expansion.component.ts @@ -1,13 +1,19 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core'; -import { DURATION, transitionAnimation } from '../../../styles'; +import { DURATION, transitionAnimation } from '../../../styles'; +import { NgIf, SlicePipe } from '@angular/common'; +import { PiGhostButtonDirective } from '../../button/button.directive'; @Component({ - standalone: false, - selector: 'pi-text-area-expansion', - templateUrl: './text-area-expansion.component.html', - styleUrls: ['./text-area-expansion.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, - animations: transitionAnimation(DURATION.Medium), + selector: 'pi-text-area-expansion', + templateUrl: './text-area-expansion.component.html', + styleUrls: ['./text-area-expansion.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + animations: transitionAnimation(DURATION.Medium), + imports: [ + NgIf, + PiGhostButtonDirective, + SlicePipe, + ], }) export class PiTextAreaExpansionComponent { @Input() text = ''; diff --git a/libs/ui/src/lib/ui/text/text-viewer-link/text-viewer-link.component.ts b/libs/ui/src/lib/ui/text/text-viewer-link/text-viewer-link.component.ts index b20c5cd..d122ad9 100644 --- a/libs/ui/src/lib/ui/text/text-viewer-link/text-viewer-link.component.ts +++ b/libs/ui/src/lib/ui/text/text-viewer-link/text-viewer-link.component.ts @@ -1,5 +1,5 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; -import { Params } from '@angular/router'; +import { Params, RouterLink, RouterLinkActive } from '@angular/router'; import { alignment, display, @@ -7,14 +7,23 @@ import { fontSize, justify } from '../../../styles'; -import { PiBaseTextViewerComponent } from '../base-text-viewer.component'; +import { PiBaseTextViewerComponent } from '../base-text-viewer.component'; +import { NgIf, NgSwitch, NgSwitchCase } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-text-viewer-link', - templateUrl: './text-viewer-link.component.html', - styleUrls: ['./text-viewer-link.component.scss', '../styles/base-text-viewer.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-text-viewer-link', + templateUrl: './text-viewer-link.component.html', + styleUrls: ['./text-viewer-link.component.scss', '../styles/base-text-viewer.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + MatIcon, + NgSwitch, + NgSwitchCase, + RouterLink, + RouterLinkActive, + ], }) export class PiTextViewerLinkComponent extends PiBaseTextViewerComponent { @HostBinding('class') get textViewerLinkClasses(): string { diff --git a/libs/ui/src/lib/ui/text/text-viewer/text-viewer.component.ts b/libs/ui/src/lib/ui/text/text-viewer/text-viewer.component.ts index a736859..ef42f52 100644 --- a/libs/ui/src/lib/ui/text/text-viewer/text-viewer.component.ts +++ b/libs/ui/src/lib/ui/text/text-viewer/text-viewer.component.ts @@ -1,14 +1,16 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; import { ComponentFamilyClass } from '../../../styles'; -import { PiBaseTextViewerComponent } from '../base-text-viewer.component'; +import { PiBaseTextViewerComponent } from '../base-text-viewer.component'; +import { NgIf } from '@angular/common'; +import { MatIcon } from '@angular/material/icon'; @Component({ - standalone: false, - selector: 'pi-text-viewer', - templateUrl: './text-viewer.component.html', - styleUrls: ['../styles/base-text-viewer.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-text-viewer', + templateUrl: './text-viewer.component.html', + styleUrls: ['../styles/base-text-viewer.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, MatIcon], }) export class PiTextViewerComponent extends PiBaseTextViewerComponent { @HostBinding('class') get textViewerClasses(): string { diff --git a/libs/ui/src/lib/ui/text/ui-text.module.ts b/libs/ui/src/lib/ui/text/ui-text.module.ts deleted file mode 100644 index 0b4e1e5..0000000 --- a/libs/ui/src/lib/ui/text/ui-text.module.ts +++ /dev/null @@ -1,107 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { RouterModule } from '@angular/router'; - -import { PiSharedUIButtonModule } from '../button'; -import { PiSharedUIIconModule } from '../icon'; -import { PiSharedUITooltipModule } from '../tooltip'; - -import { PiTextAreaExpansionComponent } from './text-area-expansion/text-area-expansion.component'; -import { PiTextViewerLinkComponent } from './text-viewer-link/text-viewer-link.component'; -import { PiTextViewerComponent } from './text-viewer/text-viewer.component'; -import { PiTextColorDirective } from './directives/text-color.directive'; -import { PiTextGroupIndicatorDirective } from './directives/text-group-indicator.directive'; -import { - PiTextLargeDirective, - PiTextMediumDirective, - PiTextSizeDirective, - PiTextSmallDirective, - PiTextXLargeDirective, - PiTextXSmallDirective, - PiTextXXLargeDirective, - PiTextXXSmallDirective, - PiTextXXXLargeDirective, -} from './directives/text-sizes.directive'; -import { - PiDisabledDirective, - PiTextCenteredDirective, - PiTextCoveredDirective, - PiTextGroupDirective, - PiTextLetterSpacingDirective, -} from './directives/text-styles.directive'; -import { - PiTextWeightBlackDirective, - PiTextWeightBoldDirective, - PiTextWeightLightDirective, - PiTextWeightMediumDirective, - PiTextWeightNormalDirective, -} from './directives/text-weights.directive'; - -// Material -import { MatIconModule } from '@angular/material/icon'; - -const MATERIAL_IMPORTS = [MatIconModule]; - -@NgModule({ - imports: [ - CommonModule, - RouterModule, - PiSharedUIIconModule, - PiSharedUIButtonModule, - PiSharedUITooltipModule, - MATERIAL_IMPORTS, - ], - declarations: [ - PiDisabledDirective, - PiTextAreaExpansionComponent, - PiTextCenteredDirective, - PiTextColorDirective, - PiTextCoveredDirective, - PiTextGroupDirective, - PiTextGroupIndicatorDirective, - PiTextLargeDirective, - PiTextLetterSpacingDirective, - PiTextMediumDirective, - PiTextSmallDirective, - PiTextViewerComponent, - PiTextViewerLinkComponent, - PiTextWeightBlackDirective, - PiTextWeightBoldDirective, - PiTextWeightLightDirective, - PiTextWeightMediumDirective, - PiTextWeightNormalDirective, - PiTextXLargeDirective, - PiTextXSmallDirective, - PiTextXXLargeDirective, - PiTextXXSmallDirective, - PiTextXXXLargeDirective, - PiTextSizeDirective, - ], - exports: [ - PiDisabledDirective, - PiTextAreaExpansionComponent, - PiTextCenteredDirective, - PiTextColorDirective, - PiTextCoveredDirective, - PiTextGroupDirective, - PiTextGroupIndicatorDirective, - PiTextLargeDirective, - PiTextLetterSpacingDirective, - PiTextMediumDirective, - PiTextSmallDirective, - PiTextViewerComponent, - PiTextViewerLinkComponent, - PiTextWeightBlackDirective, - PiTextWeightBoldDirective, - PiTextWeightLightDirective, - PiTextWeightMediumDirective, - PiTextWeightNormalDirective, - PiTextXLargeDirective, - PiTextXSmallDirective, - PiTextXXLargeDirective, - PiTextXXSmallDirective, - PiTextXXXLargeDirective, - PiTextSizeDirective, - ], -}) -export class PiSharedUITextModule {} diff --git a/libs/ui/src/lib/ui/tooltip/index.ts b/libs/ui/src/lib/ui/tooltip/index.ts index b047100..4654fe3 100644 --- a/libs/ui/src/lib/ui/tooltip/index.ts +++ b/libs/ui/src/lib/ui/tooltip/index.ts @@ -1,2 +1,2 @@ -export * from './ui-tooltip.module'; + export * from './tooltip.directive'; \ No newline at end of file diff --git a/libs/ui/src/lib/ui/tooltip/tooltip.directive.ts b/libs/ui/src/lib/ui/tooltip/tooltip.directive.ts index c428b20..a5d137e 100644 --- a/libs/ui/src/lib/ui/tooltip/tooltip.directive.ts +++ b/libs/ui/src/lib/ui/tooltip/tooltip.directive.ts @@ -10,9 +10,8 @@ import { import { MatTooltip, TooltipPosition } from '@angular/material/tooltip'; @Directive({ - standalone: false, - selector: '[pi-tooltip]', - providers: [MatTooltip], + selector: '[pi-tooltip]', + providers: [MatTooltip], }) export class PiTooltipDirective implements OnInit, OnDestroy { @HostBinding('class') className = 'pi-tooltip-dispatcher'; diff --git a/libs/ui/src/lib/ui/tooltip/ui-tooltip.module.ts b/libs/ui/src/lib/ui/tooltip/ui-tooltip.module.ts deleted file mode 100644 index cce974b..0000000 --- a/libs/ui/src/lib/ui/tooltip/ui-tooltip.module.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -// Directive -import { PiTooltipDirective } from './tooltip.directive'; - -import { OverlayModule } from '@angular/cdk/overlay'; -import { MatTooltipModule } from '@angular/material/tooltip'; - - -@NgModule({ - imports: [CommonModule, OverlayModule, MatTooltipModule], - declarations: [ - PiTooltipDirective - ], - exports: [ - PiTooltipDirective - ] -}) -export class PiSharedUITooltipModule {} diff --git a/libs/ui/src/lib/ui/wrapper/action/action.wrapper.ts b/libs/ui/src/lib/ui/wrapper/action/action.wrapper.ts index 64414d3..38a5930 100644 --- a/libs/ui/src/lib/ui/wrapper/action/action.wrapper.ts +++ b/libs/ui/src/lib/ui/wrapper/action/action.wrapper.ts @@ -3,10 +3,9 @@ import { WrapperTypeClass } from '../../../styles'; import { PiBaseWrapper } from '../base.wrapper'; @Component({ - standalone: false, - selector: 'pi-action-wrapper', - template: '', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-action-wrapper', + template: '', + changeDetection: ChangeDetectionStrategy.OnPush, }) export class PiActionWrapper extends PiBaseWrapper { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/wrapper/directives/flex-wrapper.directive.ts b/libs/ui/src/lib/ui/wrapper/directives/flex-wrapper.directive.ts index 4711abb..4dc0d45 100644 --- a/libs/ui/src/lib/ui/wrapper/directives/flex-wrapper.directive.ts +++ b/libs/ui/src/lib/ui/wrapper/directives/flex-wrapper.directive.ts @@ -3,10 +3,7 @@ import { justify, padding } from '../../../styles'; import { PiBaseWrapper } from '../base.wrapper'; // Flex -@Directive({ - standalone: false, - selector: '[pi-flex]', -}) +@Directive({ selector: '[pi-flex]', }) export class PiFlexDirective extends PiBaseWrapper { @HostBinding('class') get classes(): string { const flexWrapClass = diff --git a/libs/ui/src/lib/ui/wrapper/directives/grid-wrapper.directive.ts b/libs/ui/src/lib/ui/wrapper/directives/grid-wrapper.directive.ts index 505f092..6c68da8 100644 --- a/libs/ui/src/lib/ui/wrapper/directives/grid-wrapper.directive.ts +++ b/libs/ui/src/lib/ui/wrapper/directives/grid-wrapper.directive.ts @@ -39,10 +39,7 @@ export abstract class PiBaseGridWrapper { } } -@Directive({ - standalone: false, - selector: '[pi-grid-two]', -}) +@Directive({ selector: '[pi-grid-two]', }) export class PiGridTwoDirective extends PiBaseGridWrapper { @HostBinding('class') get classes(): string { return [ @@ -55,10 +52,7 @@ export class PiGridTwoDirective extends PiBaseGridWrapper { } } // 4 elements -@Directive({ - standalone: false, - selector: '[pi-grid-four]', -}) +@Directive({ selector: '[pi-grid-four]', }) export class PiGridFourDirective extends PiBaseGridWrapper { @HostBinding('class') get classes(): string { const gridClass = this.grid && `pi-wrapper__grid--four-${this.grid}`; @@ -76,10 +70,7 @@ export class PiGridFourDirective extends PiBaseGridWrapper { } // Custom grid -@Directive({ - standalone: false, - selector: '[pi-grid]', -}) +@Directive({ selector: '[pi-grid]', }) export class PiGridDirective extends PiBaseGridWrapper { @HostBinding('class') get classes(): string { const columnsClass = this.columns && `pi-wrapper__grid--columns-${this.columns}`; diff --git a/libs/ui/src/lib/ui/wrapper/directives/position-wrapper.directive.ts b/libs/ui/src/lib/ui/wrapper/directives/position-wrapper.directive.ts index d594f17..b70a6aa 100644 --- a/libs/ui/src/lib/ui/wrapper/directives/position-wrapper.directive.ts +++ b/libs/ui/src/lib/ui/wrapper/directives/position-wrapper.directive.ts @@ -2,10 +2,7 @@ import { Directive, HostBinding, Input } from '@angular/core'; import { PiBaseWrapper } from '../base.wrapper'; // Fixed wrapper -@Directive({ - standalone: false, - selector: '[pi-fixed]', -}) +@Directive({ selector: '[pi-fixed]', }) export class PiFixedDirective { @HostBinding('class') get classes(): string { const FixedClass = 'is-fixed'; diff --git a/libs/ui/src/lib/ui/wrapper/form/form.wrapper.ts b/libs/ui/src/lib/ui/wrapper/form/form.wrapper.ts index 7745bc8..7be1aa0 100644 --- a/libs/ui/src/lib/ui/wrapper/form/form.wrapper.ts +++ b/libs/ui/src/lib/ui/wrapper/form/form.wrapper.ts @@ -1,14 +1,15 @@ import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core'; -import { FormGroup } from '@angular/forms'; +import { FormGroup, ReactiveFormsModule } from '@angular/forms'; import { grid, WrapperTypeClass } from '../../../styles'; -import { PiBaseWrapper } from '../base.wrapper'; +import { PiBaseWrapper } from '../base.wrapper'; +import { NgIf } from '@angular/common'; @Component({ - standalone: false, - selector: 'pi-form-wrapper', - templateUrl: './form.wrapper.html', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-form-wrapper', + templateUrl: './form.wrapper.html', + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [NgIf, ReactiveFormsModule], }) export class PiFormWrapper extends PiBaseWrapper { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/wrapper/header/header.wrapper.ts b/libs/ui/src/lib/ui/wrapper/header/header.wrapper.ts index ad5925e..4989642 100644 --- a/libs/ui/src/lib/ui/wrapper/header/header.wrapper.ts +++ b/libs/ui/src/lib/ui/wrapper/header/header.wrapper.ts @@ -2,34 +2,39 @@ import { ChangeDetectionStrategy, Component, Directive, HostBinding, Input } fro import { alignment, WrapperTypeClass } from '../../../styles'; import { PiBaseWrapper } from '../base.wrapper'; -import { backLink } from '../definitions'; +import { backLink } from '../definitions'; +import { NgIf } from '@angular/common'; +import { PiTextViewerComponent } from '../../text/text-viewer/text-viewer.component'; +import { RouterLink, RouterLinkActive } from '@angular/router'; @Directive({ - standalone: false, - selector: 'pi-header-wrapper-left-content', - host: { class: 'pi-header-wrapper-content pi-header-wrapper-content__left' }, + selector: 'pi-header-wrapper-left-content', + host: { class: 'pi-header-wrapper-content pi-header-wrapper-content__left' }, }) export class PiHeaderWrapperLeftContentDirective {} @Directive({ - standalone: false, - selector: 'pi-header-wrapper-center-content', - host: { class: 'pi-header-wrapper-content pi-header-wrapper-content__center' }, + selector: 'pi-header-wrapper-center-content', + host: { class: 'pi-header-wrapper-content pi-header-wrapper-content__center' }, }) export class PiHeaderWrapperCenterContentDirective {} @Directive({ - standalone: false, - selector: 'pi-header-wrapper-right-content', - host: { class: 'pi-header-wrapper-content pi-header-wrapper-content__right' }, + selector: 'pi-header-wrapper-right-content', + host: { class: 'pi-header-wrapper-content pi-header-wrapper-content__right' }, }) export class PiHeaderWrapperRightContentDirective {} @Component({ - standalone: false, - selector: 'pi-header-wrapper', - templateUrl: './header.wrapper.html', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-header-wrapper', + templateUrl: './header.wrapper.html', + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [ + NgIf, + PiTextViewerComponent, + RouterLink, + RouterLinkActive, + ], }) export class PiHeaderWrapper extends PiBaseWrapper { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/wrapper/index.ts b/libs/ui/src/lib/ui/wrapper/index.ts index 018b215..bfd77cb 100644 --- a/libs/ui/src/lib/ui/wrapper/index.ts +++ b/libs/ui/src/lib/ui/wrapper/index.ts @@ -8,5 +8,5 @@ export * from './form/form.wrapper'; export * from './list/list.wrapper'; export * from './main/main.wrapper'; -export * from './ui-wrapper.module'; + export * from './definitions'; diff --git a/libs/ui/src/lib/ui/wrapper/list/list.wrapper.ts b/libs/ui/src/lib/ui/wrapper/list/list.wrapper.ts index 741feec..214ef9a 100644 --- a/libs/ui/src/lib/ui/wrapper/list/list.wrapper.ts +++ b/libs/ui/src/lib/ui/wrapper/list/list.wrapper.ts @@ -8,13 +8,14 @@ import { } from '@angular/core'; import { WrapperTypeClass, flexDirection } from '../../../styles'; import { ListMode } from '../../../util/list-configs'; -import { PiBaseWrapper } from '../base.wrapper'; +import { PiBaseWrapper } from '../base.wrapper'; +import { InfiniteScrollDirective } from 'ngx-infinite-scroll'; @Component({ - standalone: false, - selector: 'pi-list-wrapper', - templateUrl: './list.wrapper.html', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-list-wrapper', + templateUrl: './list.wrapper.html', + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [InfiniteScrollDirective], }) export class PiListWrapper extends PiBaseWrapper { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/wrapper/main/main.wrapper.ts b/libs/ui/src/lib/ui/wrapper/main/main.wrapper.ts index f2f3c90..f8e2f20 100644 --- a/libs/ui/src/lib/ui/wrapper/main/main.wrapper.ts +++ b/libs/ui/src/lib/ui/wrapper/main/main.wrapper.ts @@ -12,24 +12,21 @@ export abstract class PiMainWrapperBaseContentDirective { } @Directive({ - standalone: false, - selector: 'pi-main-wrapper-left-content', - host: { class: 'pi-main-wrapper-content__left' }, + selector: 'pi-main-wrapper-left-content', + host: { class: 'pi-main-wrapper-content__left' }, }) export class PiMainWrapperLeftContentDirective extends PiMainWrapperBaseContentDirective {} @Directive({ - standalone: false, - selector: 'pi-main-wrapper-right-content', - host: { class: 'pi-main-wrapper-content__right' }, + selector: 'pi-main-wrapper-right-content', + host: { class: 'pi-main-wrapper-content__right' }, }) export class PiMainWrapperRightContentDirective extends PiMainWrapperBaseContentDirective{} @Component({ - standalone: false, - selector: 'pi-main-wrapper', - templateUrl: './main.wrapper.html', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'pi-main-wrapper', + templateUrl: './main.wrapper.html', + changeDetection: ChangeDetectionStrategy.OnPush, }) export class PiMainWrapper extends PiBaseWrapper { @HostBinding('class') get classes(): string { diff --git a/libs/ui/src/lib/ui/wrapper/ui-wrapper.module.ts b/libs/ui/src/lib/ui/wrapper/ui-wrapper.module.ts deleted file mode 100644 index 8ce342f..0000000 --- a/libs/ui/src/lib/ui/wrapper/ui-wrapper.module.ts +++ /dev/null @@ -1,87 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; - -// External -import { InfiniteScrollModule } from 'ngx-infinite-scroll'; - -// Shared -import { PiSharedUIPanelModule } from '../panel'; -import { PiSharedUITextModule } from '../text'; -import { PiSharedUtilColorModule } from '../../util/color'; - -// Wrappers -import { RouterModule } from '@angular/router'; -import { PiActionWrapper } from './action/action.wrapper'; -import { PiFormWrapper } from './form/form.wrapper'; -import { - PiHeaderWrapper, - PiHeaderWrapperCenterContentDirective, - PiHeaderWrapperLeftContentDirective, - PiHeaderWrapperRightContentDirective, -} from './header/header.wrapper'; -import { PiListWrapper } from './list/list.wrapper'; -import { - PiMainWrapper, - PiMainWrapperLeftContentDirective, - PiMainWrapperRightContentDirective, -} from './main/main.wrapper'; - -// Wrapper directives -import { PiSharedUIButtonModule } from '../button'; -import { PiFlexDirective } from './directives/flex-wrapper.directive'; -import { - PiGridDirective, - PiGridFourDirective, - PiGridTwoDirective, -} from './directives/grid-wrapper.directive'; -import { PiFixedDirective } from './directives/position-wrapper.directive'; - -@NgModule({ - imports: [ - CommonModule, - ReactiveFormsModule, - RouterModule, - FormsModule, - PiSharedUIButtonModule, - PiSharedUITextModule, - PiSharedUIPanelModule, - PiSharedUtilColorModule, - InfiniteScrollModule, - ], - declarations: [ - PiActionWrapper, - PiFixedDirective, - PiFlexDirective, - PiFormWrapper, - PiGridDirective, - PiGridFourDirective, - PiGridTwoDirective, - PiHeaderWrapper, - PiHeaderWrapperCenterContentDirective, - PiHeaderWrapperLeftContentDirective, - PiHeaderWrapperRightContentDirective, - PiListWrapper, - PiMainWrapper, - PiMainWrapperLeftContentDirective, - PiMainWrapperRightContentDirective, - ], - exports: [ - PiActionWrapper, - PiFixedDirective, - PiFlexDirective, - PiFormWrapper, - PiGridDirective, - PiGridFourDirective, - PiGridTwoDirective, - PiHeaderWrapper, - PiHeaderWrapperCenterContentDirective, - PiHeaderWrapperLeftContentDirective, - PiHeaderWrapperRightContentDirective, - PiListWrapper, - PiMainWrapper, - PiMainWrapperLeftContentDirective, - PiMainWrapperRightContentDirective, - ], -}) -export class PiSharedUIWrapperModule {} diff --git a/libs/ui/src/lib/util/affix/affix.directive.ts b/libs/ui/src/lib/util/affix/affix.directive.ts index 846e046..d69b771 100644 --- a/libs/ui/src/lib/util/affix/affix.directive.ts +++ b/libs/ui/src/lib/util/affix/affix.directive.ts @@ -23,18 +23,12 @@ export abstract class PiBaseAffixDirective implements OnInit { } } -@Directive({ - standalone: false, - selector: 'pi-prefix', -}) +@Directive({ selector: 'pi-prefix', }) export class PiPrefixDirective extends PiBaseAffixDirective { @HostBinding('class') className = 'pi-affix__prefix'; } -@Directive({ - standalone: false, - selector: 'pi-suffix', -}) +@Directive({ selector: 'pi-suffix', }) export class PiSuffixDirective extends PiBaseAffixDirective { @HostBinding('class') className = 'pi-affix__suffix'; } diff --git a/libs/ui/src/lib/util/affix/index.ts b/libs/ui/src/lib/util/affix/index.ts index 2baac1a..b917fc0 100644 --- a/libs/ui/src/lib/util/affix/index.ts +++ b/libs/ui/src/lib/util/affix/index.ts @@ -1,3 +1,3 @@ export * from './affix.directive'; -export * from './util-affix.module'; + diff --git a/libs/ui/src/lib/util/affix/util-affix.module.ts b/libs/ui/src/lib/util/affix/util-affix.module.ts deleted file mode 100644 index 0ba35bb..0000000 --- a/libs/ui/src/lib/util/affix/util-affix.module.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { PiPrefixDirective, PiSuffixDirective } from './affix.directive'; - -@NgModule({ - imports: [CommonModule], - declarations: [PiPrefixDirective, PiSuffixDirective], - exports: [PiPrefixDirective, PiSuffixDirective], -}) -export class PiSharedUtilAffixModule {} diff --git a/libs/ui/src/lib/util/color/directives/colors.directive.ts b/libs/ui/src/lib/util/color/directives/colors.directive.ts index 8c331e5..d2690cd 100644 --- a/libs/ui/src/lib/util/color/directives/colors.directive.ts +++ b/libs/ui/src/lib/util/color/directives/colors.directive.ts @@ -21,10 +21,7 @@ export abstract class PiBaseColor implements OnInit { } } -@Directive({ - standalone: false, - selector: '[pi-dynamic-color]', -}) +@Directive({ selector: '[pi-dynamic-color]', }) export class PiDynamicColorDirective extends PiBaseColor { @HostBinding('class') get classes(): string { return this.colorClass; @@ -37,78 +34,54 @@ export class PiDynamicColorDirective extends PiBaseColor { } } -@Directive({ - standalone: false, - selector: '[pi-primary]', -}) +@Directive({ selector: '[pi-primary]', }) export class PiColorPrimaryDirective extends PiBaseColor { @HostBinding('class') get classes(): string { return 'pi-color__primary'; } } -@Directive({ - standalone: false, - selector: '[pi-accent]', -}) +@Directive({ selector: '[pi-accent]', }) export class PiColorAccentDirective extends PiBaseColor { @HostBinding('class') get classes(): string { return 'pi-color__accent'; } } -@Directive({ - standalone: false, - selector: '[pi-warn]', -}) +@Directive({ selector: '[pi-warn]', }) export class PiColorWarnDirective extends PiBaseColor { @HostBinding('class') get classes(): string { return 'pi-color__warn'; } } -@Directive({ - standalone: false, - selector: '[pi-success]', -}) +@Directive({ selector: '[pi-success]', }) export class PiColorSuccessDirective extends PiBaseColor { @HostBinding('class') get classes(): string { return 'pi-color__success'; } } -@Directive({ - standalone: false, - selector: '[pi-highlighted]', -}) +@Directive({ selector: '[pi-highlighted]', }) export class PiColorHighlightedDirective extends PiBaseColor { @HostBinding('class') get classes(): string { return 'pi-color__highlighted'; } } -@Directive({ - standalone: false, - selector: '[pi-white]', -}) +@Directive({ selector: '[pi-white]', }) export class PiColorWhiteDirective extends PiBaseColor { @HostBinding('class') get classes(): string { return 'pi-color__white'; } } -@Directive({ - standalone: false, - selector: '[pi-grey]', -}) +@Directive({ selector: '[pi-grey]', }) export class PiColorGreyDirective extends PiBaseColor { @HostBinding('class') get classes(): string { return 'pi-color__grey'; } } -@Directive({ - standalone: false, - selector: '[pi-black]', -}) +@Directive({ selector: '[pi-black]', }) export class PiColorBlackDirective { @HostBinding('class') get classes(): string { return 'pi-color__black'; diff --git a/libs/ui/src/lib/util/color/index.ts b/libs/ui/src/lib/util/color/index.ts index ce86236..2d7e12a 100644 --- a/libs/ui/src/lib/util/color/index.ts +++ b/libs/ui/src/lib/util/color/index.ts @@ -1,3 +1,3 @@ -export * from './util-color.module'; + export * from './directives/colors.directive'; diff --git a/libs/ui/src/lib/util/color/util-color.module.ts b/libs/ui/src/lib/util/color/util-color.module.ts deleted file mode 100644 index e3d04f0..0000000 --- a/libs/ui/src/lib/util/color/util-color.module.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { RouterModule } from '@angular/router'; - -import { - PiColorAccentDirective, - PiColorBlackDirective, - PiColorWarnDirective, - PiColorGreyDirective, - PiColorHighlightedDirective, - PiColorPrimaryDirective, - PiColorSuccessDirective, - PiColorWhiteDirective, - PiDynamicColorDirective, -} from './directives/colors.directive'; - -@NgModule({ - imports: [CommonModule, RouterModule], - declarations: [ - PiDynamicColorDirective, - PiColorPrimaryDirective, - PiColorAccentDirective, - PiColorSuccessDirective, - PiColorWarnDirective, - PiColorHighlightedDirective, - PiColorWhiteDirective, - PiColorGreyDirective, - PiColorBlackDirective, - ], - exports: [ - PiDynamicColorDirective, - PiColorPrimaryDirective, - PiColorAccentDirective, - PiColorSuccessDirective, - PiColorWarnDirective, - PiColorHighlightedDirective, - PiColorWhiteDirective, - PiColorGreyDirective, - PiColorBlackDirective, - ], -}) -export class PiSharedUtilColorModule {} diff --git a/libs/ui/src/lib/util/menu/directives/menu-children.directive.ts b/libs/ui/src/lib/util/menu/directives/menu-children.directive.ts index 9562001..0b81850 100644 --- a/libs/ui/src/lib/util/menu/directives/menu-children.directive.ts +++ b/libs/ui/src/lib/util/menu/directives/menu-children.directive.ts @@ -1,9 +1,6 @@ import { Directive, ElementRef, HostBinding, HostListener, Renderer2 } from '@angular/core'; -@Directive({ - standalone: false, - selector: '[pi-menu-event-children]', -}) +@Directive({ selector: '[pi-menu-event-children]', }) export class PiMenuEventChildrenDirective { @HostBinding('class') className = 'pi-menu pi-menu__children'; constructor(private el: ElementRef, private renderer: Renderer2) {} diff --git a/libs/ui/src/lib/util/menu/directives/menu-entry.directive.ts b/libs/ui/src/lib/util/menu/directives/menu-entry.directive.ts index 74a8081..37da516 100644 --- a/libs/ui/src/lib/util/menu/directives/menu-entry.directive.ts +++ b/libs/ui/src/lib/util/menu/directives/menu-entry.directive.ts @@ -1,10 +1,7 @@ import { Directive, HostBinding, Input } from '@angular/core'; import { MenuEntryContext } from '../entities/menu-entry.model'; -@Directive({ - standalone: false, - selector: '[pi-menu-entry]', -}) +@Directive({ selector: '[pi-menu-entry]', }) export class PiMenuEntryDirective { @HostBinding('class') get classes(): string { const contextClass = this.context && `pi-menu-entry__context--${this.context}`; diff --git a/libs/ui/src/lib/util/menu/index.ts b/libs/ui/src/lib/util/menu/index.ts index ea12657..eaa0396 100644 --- a/libs/ui/src/lib/util/menu/index.ts +++ b/libs/ui/src/lib/util/menu/index.ts @@ -1,4 +1,4 @@ -export * from './ui-menu.module'; + export * from './entities/menu-entry.model'; diff --git a/libs/ui/src/lib/util/menu/ui-menu.module.ts b/libs/ui/src/lib/util/menu/ui-menu.module.ts deleted file mode 100644 index c39cc4f..0000000 --- a/libs/ui/src/lib/util/menu/ui-menu.module.ts +++ /dev/null @@ -1,20 +0,0 @@ -// Angular -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { TranslatePipe, TranslateDirective } from '@ngx-translate/core'; - -// Directives -import { PiMenuEventChildrenDirective } from './directives/menu-children.directive'; -import { PiMenuEntryDirective } from './directives/menu-entry.directive'; - - - -@NgModule({ - imports: [CommonModule, TranslatePipe, TranslateDirective], - declarations: [ - PiMenuEventChildrenDirective, - PiMenuEntryDirective, - ], - exports: [PiMenuEventChildrenDirective, PiMenuEntryDirective], -}) -export class PiSharedUtilMenuModule {} diff --git a/libs/ui/src/lib/util/pipes/index.ts b/libs/ui/src/lib/util/pipes/index.ts index 3455e58..0573aa0 100644 --- a/libs/ui/src/lib/util/pipes/index.ts +++ b/libs/ui/src/lib/util/pipes/index.ts @@ -1,4 +1,4 @@ // pipes -export * from './util-pipes.module'; + export * from './pipes'; diff --git a/libs/ui/src/lib/util/pipes/pipes.ts b/libs/ui/src/lib/util/pipes/pipes.ts index 289a3a9..47b3133 100644 --- a/libs/ui/src/lib/util/pipes/pipes.ts +++ b/libs/ui/src/lib/util/pipes/pipes.ts @@ -1,17 +1,13 @@ import { Pipe, PipeTransform } from '@angular/core'; -@Pipe({ - standalone: false, - name: 'numberFormat', -}) +@Pipe({ name: 'numberFormat', }) export class NumberFormatPipe implements PipeTransform { transform(value: unknown, ...args: Array): unknown { return new Intl.NumberFormat('de-DE').format(+value); } } -@Pipe({ - standalone: false, name: 'replace' }) +@Pipe({ name: 'replace' }) export class ReplacePipe implements PipeTransform { transform(value: string, strToReplace: string, replacementStr: string): string { if (!value || !strToReplace || !replacementStr) { @@ -22,10 +18,7 @@ export class ReplacePipe implements PipeTransform { } } -@Pipe({ - standalone: false, - name: 'sanitizerAltImage', -}) +@Pipe({ name: 'sanitizerAltImage', }) export class SanitizerAltImagePipe implements PipeTransform { transform(name: string): string { return this.sanitizeAltImage(name); @@ -36,10 +29,7 @@ export class SanitizerAltImagePipe implements PipeTransform { } } -@Pipe({ - standalone: false, - name: 'firstWord', -}) +@Pipe({ name: 'firstWord', }) export class FirstWordPipe implements PipeTransform { transform(value: string): string { if (!value) { @@ -49,8 +39,7 @@ export class FirstWordPipe implements PipeTransform { } } -@Pipe({ - standalone: false, name: 'truncate' }) +@Pipe({ name: 'truncate' }) export class TruncatePipe implements PipeTransform { transform(text: string, length: number = 20, suffix: string = '...'): string { if (text.length > length) { @@ -61,16 +50,14 @@ export class TruncatePipe implements PipeTransform { } } -@Pipe({ - standalone: false, name: 'maxTwoDecimals' }) +@Pipe({ name: 'maxTwoDecimals' }) export class MaxTwoDecimalsPipe implements PipeTransform { transform(value: unknown, ...args: Array): unknown { return Math.round(+value * 100) / 100; } } -@Pipe({ - standalone: false, name: 'anonymize' }) +@Pipe({ name: 'anonymize' }) export class AnonymizePipe implements PipeTransform { transform(text?: string, length = 1, char = '*') { return text?.split(' ').map(word => diff --git a/libs/ui/src/lib/util/pipes/util-pipes.module.ts b/libs/ui/src/lib/util/pipes/util-pipes.module.ts deleted file mode 100644 index 0ebc3c8..0000000 --- a/libs/ui/src/lib/util/pipes/util-pipes.module.ts +++ /dev/null @@ -1,13 +0,0 @@ -// Angular -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; - -// Pipes -import { AnonymizePipe, FirstWordPipe, MaxTwoDecimalsPipe, NumberFormatPipe, SanitizerAltImagePipe, TruncatePipe } from './pipes'; - -@NgModule({ - imports: [CommonModule], - declarations: [AnonymizePipe, FirstWordPipe, NumberFormatPipe, SanitizerAltImagePipe, TruncatePipe, MaxTwoDecimalsPipe ], - exports: [AnonymizePipe, FirstWordPipe, NumberFormatPipe, SanitizerAltImagePipe, TruncatePipe, MaxTwoDecimalsPipe], -}) -export class PiSharedUtilPipesModule {} diff --git a/libs/ui/src/lib/util/scroll-to/scroll-to.directive.ts b/libs/ui/src/lib/util/scroll-to/scroll-to.directive.ts index 4f5d00f..317b010 100644 --- a/libs/ui/src/lib/util/scroll-to/scroll-to.directive.ts +++ b/libs/ui/src/lib/util/scroll-to/scroll-to.directive.ts @@ -3,10 +3,7 @@ import { HostBinding } from '@angular/core'; -@Directive({ - standalone: false, - selector: '[pi-scroll-to-element]', -}) +@Directive({ selector: '[pi-scroll-to-element]', }) export class PiScrollToElementDirective { @HostBinding('class') get classes(): string { return 'pi-scroll-to pi-scroll-to__element'; diff --git a/libs/ui/src/lib/util/scroll-to/scroll-to.module.ts b/libs/ui/src/lib/util/scroll-to/scroll-to.module.ts index d901c23..410c54c 100644 --- a/libs/ui/src/lib/util/scroll-to/scroll-to.module.ts +++ b/libs/ui/src/lib/util/scroll-to/scroll-to.module.ts @@ -3,10 +3,9 @@ import { CommonModule } from '@angular/common'; import { PiScrollToElementDirective } from './scroll-to.directive'; import { PiSharedUtilScrollService } from './scroll-to.service'; -@NgModule({ - imports: [CommonModule], - declarations: [PiScrollToElementDirective], - exports: [PiScrollToElementDirective], - providers: [PiSharedUtilScrollService], +@NgModule({ + imports: [CommonModule, PiScrollToElementDirective], + exports: [PiScrollToElementDirective], + providers: [PiSharedUtilScrollService], }) export class PiSharedUtilScrollToModule {} diff --git a/libs/ui/src/lib/util/status/directives/status.directive.ts b/libs/ui/src/lib/util/status/directives/status.directive.ts index 1c57a99..d14e1dc 100644 --- a/libs/ui/src/lib/util/status/directives/status.directive.ts +++ b/libs/ui/src/lib/util/status/directives/status.directive.ts @@ -1,9 +1,6 @@ import { Directive, OnChanges, HostBinding, Input, SimpleChanges } from '@angular/core'; -@Directive({ - standalone: false, - selector: '[pi-disabled]', -}) +@Directive({ selector: '[pi-disabled]', }) export class PiDisabledDirective implements OnChanges { @HostBinding('style.opacity') get opacity(): number { return this.isDisabled ? 0.33 : 1; @@ -21,10 +18,7 @@ export class PiDisabledDirective implements OnChanges { } } -@Directive({ - standalone: false, - selector: '[is-active]', -}) +@Directive({ selector: '[is-active]', }) export class PiIsActiveDirective { @HostBinding('class') get classes(): string | boolean { return [this.isActive ? 'is-active' : '', 'pi-status'].join(' '); @@ -39,10 +33,7 @@ export class PiIsActiveDirective { } } -@Directive({ - standalone: false, - selector: '[is-visited]', -}) +@Directive({ selector: '[is-visited]', }) export class PiIsVisitedDirective { @HostBinding('class') get classes(): string | boolean { return [this.isVisited ? 'is-visited' : '', 'pi-status'].join(' '); diff --git a/libs/ui/src/lib/util/status/index.ts b/libs/ui/src/lib/util/status/index.ts index 0c68c53..5c4cc32 100644 --- a/libs/ui/src/lib/util/status/index.ts +++ b/libs/ui/src/lib/util/status/index.ts @@ -1,4 +1,4 @@ -export * from './shared-util-status.module'; + export * from './directives/status.directive'; diff --git a/libs/ui/src/lib/util/status/shared-util-status.module.ts b/libs/ui/src/lib/util/status/shared-util-status.module.ts deleted file mode 100644 index 411dc2c..0000000 --- a/libs/ui/src/lib/util/status/shared-util-status.module.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { - PiDisabledDirective, - PiIsActiveDirective, - PiIsVisitedDirective, -} from './directives/status.directive'; - -@NgModule({ - imports: [CommonModule], - declarations: [ - PiDisabledDirective, - PiIsActiveDirective, - PiIsVisitedDirective - ], - exports: [ - PiDisabledDirective, - PiIsActiveDirective, - PiIsVisitedDirective, - ], -}) -export class PiSharedUtilStatusModule {} diff --git a/libs/ui/src/lib/util/value/directives/value.directive.ts b/libs/ui/src/lib/util/value/directives/value.directive.ts index 7ab1015..a13736e 100644 --- a/libs/ui/src/lib/util/value/directives/value.directive.ts +++ b/libs/ui/src/lib/util/value/directives/value.directive.ts @@ -1,9 +1,6 @@ import { Directive, HostBinding, Input } from '@angular/core'; -@Directive({ - standalone: false, - selector: '[pi-value]', -}) +@Directive({ selector: '[pi-value]', }) export class PiValueDirective { @HostBinding('class') get classes(): string | boolean { return ['pi-value', this.value > 0 ? 'is-positive' : 'is-negative'].join(' '); diff --git a/libs/ui/src/lib/util/value/index.ts b/libs/ui/src/lib/util/value/index.ts index 2945555..e3e4178 100644 --- a/libs/ui/src/lib/util/value/index.ts +++ b/libs/ui/src/lib/util/value/index.ts @@ -1,3 +1,3 @@ -export * from './util-value.module'; + export * from './directives/value.directive'; diff --git a/libs/ui/src/lib/util/value/util-value.module.ts b/libs/ui/src/lib/util/value/util-value.module.ts deleted file mode 100644 index 768881b..0000000 --- a/libs/ui/src/lib/util/value/util-value.module.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { PiValueDirective } from './directives/value.directive'; - -@NgModule({ - imports: [CommonModule], - declarations: [PiValueDirective], - exports: [PiValueDirective], - -}) -export class PiSharedUtilValueModule {}