old-portfolio/frontend-hideyoshi.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: updates angular to v20

Browse Source
This commit is contained in:
Vitor Hideyoshi
2025-10-31 18:31:34 -03:00
parent 401879275c
commit 3fd87ba2c8
35 changed files with 4636 additions and 9694 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/app/shared/components/popup/popup.component.ts
View File

@@ -7,36 +7,25 @@ import {Component, EventEmitter, Input, Output,} from '@angular/core';
styleUrls: ['./popup.component.css'],
animations: [
trigger('popupState', [
state(
'hide',
style({
opacity: '0',
zIndex: 2
}),
),
state(
'show',
style({
opacity: '1',
zIndex: 2
}),
),
transition(
'* => show',
group([
query('@*', animateChild(), { optional: true }),
animate('250ms ease-in'),
]),
),
transition(
'show => hide',
group([
query('@*', animateChild(), { optional: true }),
animate('250ms ease-out'),
]),
),
state('hide', style({
opacity: '0',
zIndex: 2
})),
state('show', style({
opacity: '1',
zIndex: 2
})),
transition('* => show', group([
query('@*', animateChild(), { optional: true }),
animate('250ms ease-in'),
])),
transition('show => hide', group([
query('@*', animateChild(), { optional: true }),
animate('250ms ease-out'),
])),
]),
],
standalone: false
})
export class PopupComponent {
@Input()

41
src/app/shared/components/slider-item/slider-item.component.ts
View File

@@ -7,36 +7,29 @@ import {Component, Input} from '@angular/core';
styleUrls: ['./slider-item.component.css'],
animations: [
trigger('animateSliderItem', [
state(
'hide',
style({
opacity: '0',
transform: 'translateX(150px)',
}),
{
params: {
fadeInTime: 600,
fadeOutTime: 600,
},
state('hide', style({
opacity: '0',
transform: 'translateX(150px)',
}), {
params: {
fadeInTime: 600,
fadeOutTime: 600,
},
),
state(
'show',
style({
opacity: '1',
transform: 'translateX(0px)',
}),
{
params: {
fadeOutTime: 600,
fadeInTime: 600,
},
}),
state('show', style({
opacity: '1',
transform: 'translateX(0px)',
}), {
params: {
fadeOutTime: 600,
fadeInTime: 600,
},
),
}),
transition('hide => show', animate(`{{ fadeInTime }}s ease-in`)),
transition('show => hide', animate(`{{ fadeOutTime }}s ease-out`)),
]),
],
standalone: false
})
export class SliderItemComponent {
@Input()

5
src/app/shared/directive/clicked-outside/clicked-outside.directive.ts
View File

@@ -1,9 +1,10 @@
import {DOCUMENT} from '@angular/common';
import {AfterViewInit, Directive, ElementRef, EventEmitter, Inject, Input, OnDestroy, Output,} from '@angular/core';
import {AfterViewInit, Directive, ElementRef, EventEmitter, Inject, Input, OnDestroy, Output, DOCUMENT} from '@angular/core';
import {filter, fromEvent, Subscription,} from 'rxjs';
@Directive({
selector: '[appClickedOutside]',
standalone: false
})
export class ClickedOutsideDirective implements AfterViewInit, OnDestroy {
@Input()