feat: upload build images

lib/angular-ui/src/lib/atoms/icons/chevron-icon/chevron-icon.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ChevronIconComponent } from './chevron-icon.component';
+
+describe('ChevronIconComponent', () => {
+  let component: ChevronIconComponent;
+  let fixture: ComponentFixture<ChevronIconComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ChevronIconComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ChevronIconComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

lib/angular-ui/src/lib/atoms/icons/chevron-icon/chevron-icon.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { defineCustomElement } from '@cg/ui/dist/components/cg-chevron-icon';
+import { DefineCustomElement } from '../../../define-custom-element';
+
+@DefineCustomElement(defineCustomElement)
+@Component({
+  selector: 'cg-chevron-icon',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content />`,
+})
+export class ChevronIconComponent {}

lib/angular-ui/src/lib/atoms/icons/chevron-icon/index.ts

@@ -0,0 +1 @@
+export * from './chevron-icon.component';

lib/angular-ui/src/lib/atoms/icons/clipboard-check-icon/clipboard-check-icon.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ClipboardCheckIconComponent } from './clipboard-check-icon.component';
+
+describe('ClipboardCheckIconComponent', () => {
+  let component: ClipboardCheckIconComponent;
+  let fixture: ComponentFixture<ClipboardCheckIconComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ClipboardCheckIconComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ClipboardCheckIconComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

lib/angular-ui/src/lib/atoms/icons/clipboard-check-icon/clipboard-check-icon.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { defineCustomElement } from '@cg/ui/dist/components/cg-clipboard-check-icon';
+import { DefineCustomElement } from '../../../define-custom-element';
+
+@DefineCustomElement(defineCustomElement)
+@Component({
+  selector: 'cg-clipboard-check-icon',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content />`,
+})
+export class ClipboardCheckIconComponent {}

lib/angular-ui/src/lib/atoms/icons/clipboard-check-icon/index.ts

@@ -0,0 +1 @@
+export * from './clipboard-check-icon.component';

src/frontend/src/app/core/ui/loading-button/loading-button.component.spec.ts → lib/angular-ui/src/lib/atoms/icons/clipboard-icon/clipboard-icon.component.spec.ts

@@ -1,17 +1,17 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { LoadingButtonComponent } from './loading-button.component';
+import { ClipboardIconComponent } from './clipboard-icon.component';
 
-describe('LoadingButtonComponent', () => {
-  let component: LoadingButtonComponent;
-  let fixture: ComponentFixture<LoadingButtonComponent>;
+describe('ClipboardIconComponent', () => {
+  let component: ClipboardIconComponent;
+  let fixture: ComponentFixture<ClipboardIconComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [LoadingButtonComponent],
+      imports: [ClipboardIconComponent],
     }).compileComponents();
 
-    fixture = TestBed.createComponent(LoadingButtonComponent);
+    fixture = TestBed.createComponent(ClipboardIconComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

lib/angular-ui/src/lib/atoms/icons/clipboard-icon/clipboard-icon.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { defineCustomElement } from '@cg/ui/dist/components/cg-clipboard-icon';
+import { DefineCustomElement } from '../../../define-custom-element';
+
+@DefineCustomElement(defineCustomElement)
+@Component({
+  selector: 'cg-clipboard-icon',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content />`,
+})
+export class ClipboardIconComponent {}

lib/angular-ui/src/lib/atoms/icons/clipboard-icon/index.ts

@@ -0,0 +1 @@
+export * from './clipboard-icon.component';

lib/angular-ui/src/lib/atoms/icons/close-icon/close-icon.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CloseIconComponent } from './close-icon.component';
+
+describe('CloseIconComponent', () => {
+  let component: CloseIconComponent;
+  let fixture: ComponentFixture<CloseIconComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [CloseIconComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(CloseIconComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

lib/angular-ui/src/lib/atoms/icons/close-icon/close-icon.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { defineCustomElement } from '@cg/ui/dist/components/cg-close-icon';
+import { DefineCustomElement } from '../../../define-custom-element';
+
+@DefineCustomElement(defineCustomElement)
+@Component({
+  selector: 'cg-close-icon',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content />`,
+})
+export class CloseIconComponent {}

lib/angular-ui/src/lib/atoms/icons/close-icon/index.ts

@@ -0,0 +1 @@
+export * from './close-icon.component';

lib/angular-ui/src/lib/atoms/icons/hamburger-icon/hamburger-icon.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HamburgerIconComponent } from './hamburger-icon.component';
+
+describe('HamburgerIconComponent', () => {
+  let component: HamburgerIconComponent;
+  let fixture: ComponentFixture<HamburgerIconComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [HamburgerIconComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(HamburgerIconComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

lib/angular-ui/src/lib/atoms/icons/hamburger-icon/hamburger-icon.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { defineCustomElement } from '@cg/ui/dist/components/cg-hamburger-icon';
+import { DefineCustomElement } from '../../../define-custom-element';
+
+@DefineCustomElement(defineCustomElement)
+@Component({
+  selector: 'cg-hamburger-icon',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content />`,
+})
+export class HamburgerIconComponent {}

lib/angular-ui/src/lib/atoms/icons/hamburger-icon/index.ts

@@ -0,0 +1 @@
+export * from './hamburger-icon.component';

lib/angular-ui/src/lib/atoms/icons/index.ts

@@ -1,3 +1,10 @@
 export * from './check-circle-icon/index';
+export * from './chevron-icon/index';
+export * from './clipboard-check-icon/index';
+export * from './clipboard-icon/index';
+export * from './close-icon/index';
 export * from './dash-circle-icon/index';
+export * from './hamburger-icon/index';
+export * from './loading-icon/index';
+export * from './logo-icon/index';
 export * from './profile-icon/index';

lib/angular-ui/src/lib/atoms/icons/loading-icon/index.ts

@@ -0,0 +1 @@
+export * from './loading-icon.component';

src/frontend/src/app/core/icons/loading-icon/loading-icon.component.spec.ts → lib/angular-ui/src/lib/atoms/icons/loading-icon/loading-icon.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { LoadingIconComponent } from './loading-icon-component';
+import { LoadingIconComponent } from './loading-icon.component';
 
 describe('LoadingIconComponent', () => {
   let component: LoadingIconComponent;

lib/angular-ui/src/lib/atoms/icons/loading-icon/loading-icon.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { defineCustomElement } from '@cg/ui/dist/components/cg-loading-icon';
+import { DefineCustomElement } from '../../../define-custom-element';
+
+@DefineCustomElement(defineCustomElement)
+@Component({
+  selector: 'cg-loading-icon',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content />`,
+})
+export class LoadingIconComponent {}

lib/angular-ui/src/lib/atoms/icons/logo-icon/index.ts

@@ -0,0 +1 @@
+export * from './logo-icon.component';

lib/angular-ui/src/lib/atoms/icons/logo-icon/logo-icon.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LogoIconComponent } from './logo-icon.component';
+
+describe('LogoIconComponent', () => {
+  let component: LogoIconComponent;
+  let fixture: ComponentFixture<LogoIconComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LogoIconComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LogoIconComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

lib/angular-ui/src/lib/atoms/icons/logo-icon/logo-icon.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { defineCustomElement } from '@cg/ui/dist/components/cg-logo-icon';
+import { DefineCustomElement } from '../../../define-custom-element';
+
+@DefineCustomElement(defineCustomElement)
+@Component({
+  selector: 'cg-logo-icon',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content />`,
+})
+export class LogoIconComponent {}

lib/angular-ui/src/lib/atoms/index.ts

@@ -2,5 +2,6 @@ export * from './badge/index';
 export * from './card/index';
 export * from './icon-btn/index';
 export * from './icons/index';
+export * from './link-text-btn/index';
 export * from './radio-input/index';
 export * from './text-btn/index';

lib/angular-ui/src/lib/atoms/link-text-btn/index.ts

@@ -0,0 +1 @@
+export * from './link-text-btn.component';

lib/angular-ui/src/lib/atoms/link-text-btn/link-text-btn.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LinkTextBtnComponent } from './link-text-btn.component';
+
+describe('LinkTextBtnComponent', () => {
+  let component: LinkTextBtnComponent;
+  let fixture: ComponentFixture<LinkTextBtnComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LinkTextBtnComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LinkTextBtnComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

lib/angular-ui/src/lib/atoms/link-text-btn/link-text-btn.component.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { defineCustomLinkElementComponent } from '../../custom-element-component';
+import { defineCustomElement } from '@cg/ui/dist/components/cg-link-text-btn';
+
+type CustomElement = HTMLCgLinkTextBtnElement;
+
+@Component({
+  selector: 'cg-link-text-btn',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content />`,
+})
+export class LinkTextBtnComponent extends defineCustomLinkElementComponent<CustomElement>(
+  defineCustomElement,
+) {
+  public readonly routerLink = input<string | string[]>();
+  public readonly href = input<CustomElement['href']>();
+  public readonly isExternal = input<CustomElement['isExternal']>(false);
+}

lib/angular-ui/src/lib/atoms/text-btn/text-btn.component.ts

@@ -1,12 +1,32 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 
 import { defineCustomElement } from '@cg/ui/dist/components/cg-text-btn';
-import { DefineCustomElement } from '../../define-custom-element';
+import { defineCustomElementComponent } from '../../custom-element-component';
+import { AriaHasPopup, ButtonType, Theme } from '@cg/ui';
 
-@DefineCustomElement(defineCustomElement)
 @Component({
   selector: 'cg-text-btn',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `<ng-content />`,
 })
-export class TextBtnComponent {}
+export class TextBtnComponent extends defineCustomElementComponent<HTMLCgTextBtnElement>(
+  defineCustomElement,
+) {
+  public readonly type = input<ButtonType>('button');
+  public readonly theme = input<Theme>();
+  public readonly disabled = input<boolean>();
+  public readonly ariaHasPopup = input<AriaHasPopup>();
+  public readonly ariaExpanded = input<boolean>();
+  public readonly ariaControls = input<string>();
+
+  constructor() {
+    super();
+
+    this.elemProxyEffect(this.type, 'type');
+    this.elemProxyEffect(this.theme, 'theme');
+    this.elemProxyEffect(this.disabled, 'disabled');
+    this.elemProxyEffect(this.ariaHasPopup, 'ariaHasPopup');
+    this.elemProxyEffect(this.ariaExpanded, 'ariaExpanded');
+    this.elemProxyEffect(this.ariaControls, 'ariaControls');
+  }
+}