spiderly 19.0.1 → 19.0.2

package/src/lib/components/layout/sidebar/menuitem.component.html

@@ -1,40 +0,0 @@
-<ng-container *transloco="let t">
-    <div *ngIf="root && item.visible === true" class="layout-menuitem-root-text">{{item.label}}</div>
-    <a *ngIf="(!item.routerLink || item.items) && item.visible === true" [attr.href]="item.url" (click)="itemClick($event)"
-       [ngClass]="item.styleClass" [attr.target]="item.target" tabindex="0" pRipple>
-        <i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
-        <span class="layout-menuitem-text">{{item.label}}</span>
-        <i class="pi pi-fw pi-angle-down layout-submenu-toggler" *ngIf="item.items"></i>
-    </a>
-    <a *ngIf="(item.routerLink && !item.items) && item.visible === true" (click)="itemClick($event)" [ngClass]="item.styleClass"
-    [routerLink]="item.routerLink" routerLinkActive="active-route" [routerLinkActiveOptions]="item.routerLinkActiveOptions||{ paths: 'exact', queryParams: 'ignored', matrixParams: 'ignored', fragment: 'ignored' }"
-    [fragment]="item.fragment" [queryParamsHandling]="item.queryParamsHandling" [preserveFragment]="item.preserveFragment"
-    [skipLocationChange]="item.skipLocationChange" [replaceUrl]="item.replaceUrl" [state]="item.state" [queryParams]="item.queryParams"
-    [attr.target]="item.target" tabindex="0" pRipple>
-        <i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
-        <span class="layout-menuitem-text">{{item.label}}</span>
-        <i class="pi pi-fw pi-angle-down layout-submenu-toggler" *ngIf="item.items"></i>
-    </a>
-
-    <ul *ngIf="item.items && item.visible === true" [@children]="submenuAnimation">
-        <ng-template ngFor let-child let-i="index" [ngForOf]="item.items">
-            <li menuitem [item]="child" [index]="i" [parentKey]="key" [class]="child.badgeStyleClass"></li>
-        </ng-template>
-    </ul>
-
-    <!-- Delete this in the future iterations, make link to partner in /partners page -->
-    <spiderly-autocomplete
-    *ngIf="item.showPartnerDialog"
-    [control]="selectedPartner"
-    [options]="partnerOptions"
-    (onTextInput)="searchPartners($event)"
-    label=""
-    [placeholder]="t('SelectThePartner')"
-    [showAddon]="true"
-    (onButtonClick)="partnersAutocompleteButtonClick()"
-    addonIcon="pi pi-check"
-    [emptyMessage]="t('LeftCornerPartnersEmptyMessage')"
-    class="mobile-stay-open"
-    ></spiderly-autocomplete>
-     
-</ng-container>

package/src/lib/components/layout/sidebar/menuitem.component.ts

@@ -1,179 +0,0 @@
-import { ChangeDetectorRef, Component, HostBinding, Input, OnDestroy, OnInit } from '@angular/core';
-import { NavigationEnd, Router, RouterModule } from '@angular/router';
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { Subscription } from 'rxjs';
-import { filter } from 'rxjs/operators';
-import { SidebarMenuService } from './sidebar-menu.service';
-import { SpiderlyMenuItem } from './sidebar-menu.component';
-import { AutoCompleteCompleteEvent } from 'primeng/autocomplete';
-import { SpiderlyFormControl } from '../../spiderly-form-control/spiderly-form-control';
-import { PrimengOption } from '../../../entities/primeng-option';
-import { LayoutBaseService } from '../../../services/app-layout-base.service';
-import { AuthBaseService } from '../../../services/auth-base.service';
-import { ApiSecurityService } from '../../../services/api.service.security';
-import { ConfigBaseService } from '../../../services/config-base.service';
-import { CommonModule } from '@angular/common';
-import { PrimengModule } from '../../../modules/primeng.module';
-import { SpiderlyControlsModule } from '../../../controls/spiderly-controls.module';
-import { TranslocoDirective } from '@jsverse/transloco';
-
-@Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
-    selector: '[menuitem]',
-    templateUrl: './menuitem.component.html',
-    animations: [
-        trigger('children', [
-            state('collapsed', style({
-                height: '0'
-            })),
-            state('expanded', style({
-                height: '*'
-            })),
-            transition('collapsed <=> expanded', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
-        ])
-    ],
-    imports: [
-        CommonModule,
-        RouterModule,
-        PrimengModule,
-        TranslocoDirective,
-        SpiderlyControlsModule,
-    ]
-})
-export class MenuitemComponent implements OnInit, OnDestroy {
-
-    @Input() item: SpiderlyMenuItem;
-
-    @Input() index!: number;
-
-    @Input() @HostBinding('class.layout-root-menuitem') root!: boolean;
-
-    @Input() parentKey!: string;
-
-    active = false;
-
-    private menuSourceSubscription: Subscription;
-
-    private menuResetSubscription: Subscription;
-
-    private permissionSubscription: Subscription | null = null;
-
-    key: string = "";
-
-    selectedPartner: SpiderlyFormControl = new SpiderlyFormControl<string>(null, { updateOn: 'change' });
-
-    partnerOptions: PrimengOption[];
-
-    constructor(
-        public layoutService: LayoutBaseService, 
-        private cd: ChangeDetectorRef, 
-        public router: Router, 
-        private menuService: SidebarMenuService, 
-        private authService: AuthBaseService,
-        private apiService: ApiSecurityService,
-        private config: ConfigBaseService
-    ) {
-        this.menuSourceSubscription = this.menuService.menuSource$.subscribe(value => {
-            Promise.resolve(null).then(() => {
-                if (value.routeEvent) {
-                    this.active = (value.key === this.key || value.key.startsWith(this.key + '-')) ? true : false;
-                }
-                else {
-                    if (value.key !== this.key && !value.key.startsWith(this.key + '-')) {
-                        this.active = false;
-                    }
-                }
-            });
-        });
-
-        this.menuResetSubscription = this.menuService.resetSource$.subscribe(() => {
-            this.active = false;
-        });
-
-        this.router.events.pipe(filter(event => event instanceof NavigationEnd))
-            .subscribe(params => {
-                if (this.item.routerLink) {
-                    this.updateActiveStateFromRoute();
-                }
-            });
-    }
-
-    ngOnInit() {
-        this.key = this.parentKey ? this.parentKey + '-' + this.index : String(this.index);
-        
-        if (this.item.routerLink) {
-            this.updateActiveStateFromRoute();
-        }
-
-        this.permissionSubscription = this.authService.currentUserPermissionCodes$.subscribe((currentUserPermissionCodes: string[]) => {
-            if (this.item && typeof this.item.hasPermission === 'function') {
-                this.item.visible = this.item.hasPermission(currentUserPermissionCodes);
-            }
-        });
-    }
-
-    updateActiveStateFromRoute() {
-        let activeRoute = this.router.isActive(this.item.routerLink[0], { paths: 'exact', queryParams: 'ignored', matrixParams: 'ignored', fragment: 'ignored' });
-
-        if (activeRoute) {
-            this.menuService.onMenuStateChange({ key: this.key, routeEvent: true });
-        }
-    }
-
-    itemClick(event: Event) {
-        // avoid processing disabled items
-        if (this.item.disabled || event === null) {
-            event.preventDefault();
-            return;
-        }
-
-        // execute command
-        if (this.item.command) {
-            this.item.command({ originalEvent: event, item: this.item });
-        }
-
-        // toggle active state
-        if (this.item.items) {
-            this.active = !this.active;
-        }
-        
-        this.menuService.onMenuStateChange({ key: this.key });
-    }
-
-    get submenuAnimation() {
-        return this.root ? 'expanded' : (this.active ? 'expanded' : 'collapsed');
-    }
-
-    @HostBinding('class.active-menuitem') 
-    get activeClass() {
-        return this.active && !this.root;
-    }
-
-    //#region FT HACK: Partner
-
-    searchPartners(event: AutoCompleteCompleteEvent) {
-        this.layoutService.searchPartners(event).subscribe(po => {
-            this.partnerOptions = po;    
-        })
-    }
-
-    partnersAutocompleteButtonClick = async () => {
-        this.layoutService.partnersAutocompleteButtonClick(this.selectedPartner);
-    }
-
-    //#endregion
-
-    ngOnDestroy() {
-        if (this.menuSourceSubscription) {
-            this.menuSourceSubscription.unsubscribe();
-        }
-
-        if (this.menuResetSubscription) {
-            this.menuResetSubscription.unsubscribe();
-        }
-
-        if (this.permissionSubscription) {
-            this.permissionSubscription.unsubscribe();
-        }
-    }
-}

package/src/lib/components/layout/sidebar/sidebar-menu.component.html

@@ -1,6 +0,0 @@
-<ul class="layout-menu">
-    <ng-container *ngFor="let item of menu; let i = index;">
-        <li menuitem *ngIf="!item.separator" [item]="item" [index]="i" [root]="true"></li>
-        <li *ngIf="item.separator" class="gray-separator" style="margin-top: 11px;"></li>
-    </ng-container>
-</ul>

package/src/lib/components/layout/sidebar/sidebar-menu.component.ts

@@ -1,44 +0,0 @@
-import { TranslocoService } from '@jsverse/transloco';
-import { Input, OnInit } from '@angular/core';
-import { Component } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { LayoutBaseService } from '../../../services/app-layout-base.service';
-import { AuthBaseService } from '../../../services/auth-base.service';
-import { ConfigBaseService } from '../../../services/config-base.service';
-import { MenuitemComponent } from './menuitem.component';
-import { CommonModule } from '@angular/common';
-
-export interface SpiderlyMenuItem extends MenuItem{
-    hasPermission?: (permissionCodes: string[]) => boolean;
-    showPartnerDialog?: boolean; 
-}
-
-@Component({
-    selector: 'sidebar-menu', // FT: Don't chane selector to 'menu', because other style will apply to it
-    templateUrl: './sidebar-menu.component.html',
-    imports: [
-        CommonModule,
-        MenuitemComponent
-    ]
-})
-export class SidebarMenuComponent implements OnInit {
-    @Input() menu: SpiderlyMenuItem[];
-
-    constructor(
-        public layoutService: LayoutBaseService, 
-        private authService: AuthBaseService,
-        private translocoService: TranslocoService,
-        private config: ConfigBaseService
-    ) {
-        
-    }
-
-    ngOnInit() {
-    }
-
-
-    ngOnDestroy(): void {
-
-    }
-
-}

package/src/lib/components/layout/sidebar/sidebar-menu.service.ts

@@ -1,22 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { MenuChangeEvent } from '../../../entities/menuchangeevent';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class SidebarMenuService {
-    private menuSource = new Subject<MenuChangeEvent>();
-    private resetSource = new Subject();
-
-    menuSource$ = this.menuSource.asObservable();
-    resetSource$ = this.resetSource.asObservable();
-
-    onMenuStateChange(event: MenuChangeEvent) {
-        this.menuSource.next(event);
-    }
-
-    reset() {
-        this.resetSource.next(true);
-    }
-}

package/src/lib/components/layout/sidebar/sidebar.component.html

@@ -1 +0,0 @@
- <sidebar-menu [menu]="menu"></sidebar-menu>

package/src/lib/components/layout/sidebar/sidebar.component.ts

@@ -1,20 +0,0 @@
-import { Component, ElementRef, Input } from '@angular/core';
-import { SidebarMenuComponent, SpiderlyMenuItem } from './sidebar-menu.component';
-
-@Component({
-    selector: 'sidebar',
-    templateUrl: './sidebar.component.html',
-    imports: [
-        SidebarMenuComponent
-    ]
-})
-export class AppSidebarComponent {
-    @Input() menu: SpiderlyMenuItem[];
-
-    constructor(public el: ElementRef) { 
-    }
-
-    ngOnInit(){
-    }
-}
-

package/src/lib/components/layout/topbar/topbar.component.html

@@ -1,64 +0,0 @@
-<div class="layout-topbar">
-  <a class="layout-topbar-logo" routerLink="/">
-    <span>{{companyName?.toLocaleUpperCase()}}</span>
-  </a>
-
-  <button
-    #menubutton
-    class="p-link layout-menu-button layout-topbar-button"
-    (click)="layoutService.onMenuToggle()"
-  >
-    <i class="pi pi-bars"></i>
-  </button>
-
-  <div
-    #topbarmenu
-    class="profile-button"
-    >
-    <div
-      #topbarprofiledropdownmenubutton
-      (click)="layoutService.showProfileDropdownSidebar()"
-    >
-    <p-avatar
-        *ngIf="showProfileIcon"
-        [label]="avatarLabel"
-        [style]="{ 'background-color': 'var(--p-primary-color)', 'color': '#fff', 'cursor': 'pointer', 'width': '34px', 'height': '34px', 'font-size': '21px' }"
-        pBadge 
-        [badgeStyleClass]="'p-badge-danger'"
-        [badgeDisabled]="unreadNotificationsCount == 0 || unreadNotificationsCount == null"
-        [value]="unreadNotificationsCount"
-        />
-    </div>
-    <div
-      #topbarprofiledropdownmenu
-      (document:click)="onDocumentClick($event)"
-    >
-    <div *ngIf="layoutService.state.profileDropdownSidebarVisible" style="width: 280px; position: absolute; right: 26px; top: 60px; padding: 15px;" class="card">
-      <div style="display: flex; flex-direction: column; justify-content: center; text-align: center; gap: 10px;">
-        <p-avatar
-          [label]="avatarLabel"
-          size="xlarge"
-          [style]="{ 'background-color': 'var(--p-primary-color)', 'color': '#fff', 'cursor': 'pointer', 'margin': 'auto' }"
-          (click)="routeToUserPage()"
-          />
-        <div>{{currentUser?.email}}</div>
-      </div>
-      <div style="margin-top: 15px;">
-        <div *ngFor="let item of menuItems" [style]="item.showSeparator ? 'margin-top: 5px;' : ''">
-          <div *ngIf="item.showSeparator" class="gray-separator"></div>
-          <div (click)="item.onClick()" class="hover-card" style="display: flex; align-items: center; gap: 5px; margin-top: 5px;">
-            <i 
-              class="pi pi-fw {{item.icon}} primary-color" 
-              style="font-size: 16px; position: relative;"
-              >
-              <span *ngIf="item.showNotificationBadge && unreadNotificationsCount != 0" class="badge"></span>
-            </i>
-            <div> {{item.label}} </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    </div>
-  </div>
-</div>
-  

package/src/lib/components/layout/topbar/topbar.component.ts

@@ -1,137 +0,0 @@
-import { TranslocoService } from '@jsverse/transloco';
-import { NavigationEnd, Router, RouterModule } from '@angular/router';
-import { Component, ElementRef, OnDestroy, ViewChild } from '@angular/core';
-import { filter, Subscription } from 'rxjs';
-import { AuthBaseService } from '../../../services/auth-base.service';
-import { LayoutBaseService } from '../../../services/app-layout-base.service';
-import { ApiSecurityService } from '../../../services/api.service.security';
-import { ConfigBaseService } from '../../../services/config-base.service';
-import { User } from '../../../entities/security-entities';
-import { CommonModule } from '@angular/common';
-import { PrimengModule } from '../../../modules/primeng.module';
-
-interface SpiderlyMenuItem {
-  label?: string;
-  icon?: string;
-  showSeparator?: boolean;
-  onClick?: () => void;
-  showNotificationBadge?: boolean;
-}
-
-@Component({
-    selector: 'topbar',
-    templateUrl: './topbar.component.html',
-    styles: [],
-    imports: [
-        CommonModule,
-        PrimengModule,
-        RouterModule
-    ]
-})
-export class AppTopBarComponent implements OnDestroy {
-  private initTopBarSubscription: Subscription | null = null;
-
-  currentUser: User;
-  userProfilePath: string;
-  unreadNotificationsCount: number;
-  menuItems: SpiderlyMenuItem[] = [];
-  avatarLabel: string;
-  companyName: string;
-  showProfileIcon: boolean = false;
-
-  notificationMenuItem: SpiderlyMenuItem =       
-  {
-    label: this.translocoService.translate('Notifications'),
-    icon: 'pi-bell',
-    showNotificationBadge: true,
-    onClick: () => {
-      this.router.navigateByUrl(`/notifications`);
-    },
-  };
-
-  @ViewChild('menubutton') menuButton!: ElementRef;
-
-  @ViewChild('topbarmenu') menu!: ElementRef;
-
-  @ViewChild('topbarprofiledropdownmenubutton') topbarProfileDropdownMenuButton!: ElementRef;
-
-  constructor(
-    public layoutService: LayoutBaseService, 
-    private authService: AuthBaseService, 
-    private apiService: ApiSecurityService,
-    protected router: Router,
-    private translocoService: TranslocoService,
-    private config: ConfigBaseService
-  ) { 
-  }
-
-  async ngOnInit(){
-    this.menuItems = [
-      {
-        label: this.translocoService.translate('YourProfile'),
-        icon: 'pi-user',
-        showSeparator: true,
-        onClick: () => {
-          this.routeToUserPage();
-        }
-      },
-      this.notificationMenuItem,
-      // {
-      //   label: this.translocoService.translate('Settings'),
-      //   icon: 'pi-cog',
-      //   onClick: () => {
-      //     this.router.navigateByUrl(`/administration/users`);
-      //   }
-      // },
-      {
-        label: this.translocoService.translate('Logout'),
-        icon: 'pi-sign-out',
-        showSeparator: true,
-        onClick: () => {
-          this.authService.logout();
-        }
-      }
-    ];
-
-    this.router.events
-      .pipe(filter(event => event instanceof NavigationEnd))
-      .subscribe((event: NavigationEnd) => {
-        this.layoutService.state.profileDropdownSidebarVisible = false;
-      });
-
-    this.onAfterNgOnInit();
-  }
-
-  onAfterNgOnInit = () => {
-    this.initTopBarSubscription = this.layoutService.initTopBarData().subscribe(initTopBarData => {
-      this.userProfilePath = initTopBarData.userProfilePath;
-      this.companyName = initTopBarData.companyName;
-      this.unreadNotificationsCount = initTopBarData.unreadNotificationsCount;
-      this.notificationMenuItem.showNotificationBadge = initTopBarData.unreadNotificationsCount > 0;
-      this.showProfileIcon = initTopBarData.showProfileIcon;
-      this.currentUser = initTopBarData.currentUser;
-      this.avatarLabel = initTopBarData.currentUser?.email.charAt(0).toLocaleUpperCase();
-    });
-  }
-
-  onDocumentClick(event: any) {
-    if (
-      !this.menu.nativeElement.contains(event.target) 
-    ) {
-      if (this.layoutService.state.profileDropdownSidebarVisible == true) {
-        this.layoutService.state.profileDropdownSidebarVisible = false;
-      }
-    }
-  }
-
-  routeToUserPage(){
-    this.router.navigateByUrl(this.userProfilePath);
-  }
-
-  ngOnDestroy(): void {
-    if (this.initTopBarSubscription) {
-      this.initTopBarSubscription.unsubscribe();
-    }
-  }
-
-}

package/src/lib/components/not-found/not-found.component.html

@@ -1,27 +0,0 @@
-<div class="flex min-h-screen overflow-hidden" style="padding: 20px;">
-    <div class="flex flex-column w-full">
-        <div class="w-full sm:w-30rem" style="margin: auto; border-radius:50px; padding:0.3rem; background: linear-gradient(180deg, var(--p-primary-color) 10%, rgba(33, 150, 243, 0) 30%);">
-            <div class="surface-card py-6 px-5 sm:px-6" style="border-radius:45px;">
-                <div class="text-center">
-                    <img 
-                    src="assets/images/logo/logo.svg" 
-                    alt="{{companyName}} Logo" 
-                    title="{{companyName}} Logo" 
-                    height="60"
-                    class="mb-2 w-6rem flex-shrink-0"
-                    >
-                </div>
-                <h1 class="mb-4">
-                    <div class="font-bold text-5xl lg:text-6xl gradient-title">404</div>
-                    <div class="font-bold text-5xl lg:text-6xl">Page Not Found</div>
-                </h1>
-                <div class="text-600 text-lg mb-5">
-                    The page you're looking for doesn't exist or has been moved. Let's get you back on track.
-                </div>
-                <div>
-                    <p-button [routerLink]="['/']" label="Go to Homepage"></p-button>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>

package/src/lib/components/not-found/not-found.component.ts

@@ -1,22 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfigBaseService } from '../../services/config-base.service';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'not-found',
-    templateUrl: './not-found.component.html',
-    imports: [
-        RouterModule,
-        ButtonModule,
-    ]
-})
-export class NotFoundComponent { 
-    companyName = this.config.companyName;
-
-    constructor(
-        private config: ConfigBaseService
-    ) { 
-
-    }
-}

package/src/lib/components/required/required.component.html

@@ -1 +0,0 @@
-<span style="color: red; margin-left: 4px;">*</span>

package/src/lib/components/required/required.component.ts

@@ -1,13 +0,0 @@
-import { Component } from "@angular/core";
-
-@Component({
-  selector: 'required',
-  templateUrl: './required.component.html',
-  styles: [],
-  standalone: true,
-})
-export class RequiredComponent {
-
-  constructor() {}
-
-}

package/src/lib/components/spiderly-buttons/google-button/google-button.component.html

@@ -1,5 +0,0 @@
-<ng-container *transloco="let t">
-    <spiderly-button (onClick)="handleGoogleLogin()" [label]="t('ContinueWithGoogle')" [outlined]="true" [style]="{width: '100%'}">
-        <svg xmlns="http://www.w3.org/2000/svg" width="0.98em" height="1em" viewBox="0 0 256 262"><path fill="#4285f4" d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622l38.755 30.023l2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"/><path fill="#34a853" d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055c-34.523 0-63.824-22.773-74.269-54.25l-1.531.13l-40.298 31.187l-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"/><path fill="#fbbc05" d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82c0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602z"/><path fill="#eb4335" d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0C79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"/></svg>
-    </spiderly-button>
-</ng-container>

package/src/lib/components/spiderly-buttons/google-button/google-button.component.ts

@@ -1,53 +0,0 @@
-import { Component, EventEmitter, Output } from "@angular/core";
-import { TranslocoDirective } from "@jsverse/transloco";
-import { ButtonModule } from "primeng/button";
-import { SpiderlyButtonComponent } from "../spiderly-button/spiderly-button.component";
-
-@Component({
-    selector: 'google-button',
-    templateUrl: './google-button.component.html',
-    styles: [],
-    imports: [
-        ButtonModule,
-        TranslocoDirective,
-        SpiderlyButtonComponent
-    ]
-})
-export class GoogleButtonComponent { // Custom styling of the google button - https://medium.com/simform-engineering/implement-custom-google-sign-in-using-angular-16-9c93aeff6252
-  // @Output() onClick: EventEmitter<any> = new EventEmitter();
-  @Output() loginWithGoogle: EventEmitter<any> = new EventEmitter<any>();
-
-  constructor() {}
-
-  createFakeGoogleWrapper = () => {
-    const googleLoginWrapper = document.createElement('div');
-    googleLoginWrapper.style.display = 'none';
-    googleLoginWrapper.classList.add('custom-google-button');
-    document.body.appendChild(googleLoginWrapper);
-    window.google.accounts.id.renderButton(googleLoginWrapper, {
-      type: 'icon',
-      width: '200',
-    });
-  
-    const googleLoginWrapperButton = googleLoginWrapper.querySelector(
-      'div[role=button]'
-    ) as HTMLElement;
-  
-    return {
-      click: () => {
-        googleLoginWrapperButton?.click();
-      },
-    };
-  };
-
-  handleGoogleLogin() {
-    this.loginWithGoogle.emit(this.createFakeGoogleWrapper());
-  }
-
-}
-
-declare global {
-  interface Window {
-    google: any;
-  }
-}

package/src/lib/components/spiderly-buttons/return-button/return-button.component.html

@@ -1,3 +0,0 @@
-<ng-container *transloco="let t">
-    <spiderly-button (onClick)="onReturn()" [label]="t('Return')" icon="pi pi-undo" [outlined]="true"></spiderly-button>
-</ng-container>