nira-falcon 0.1.21 → 0.1.23

package/src/lib/falcon-lib.module.ts

@@ -0,0 +1,157 @@
+import { NgModule } from '@angular/core';
+import { CoreBtnComponent } from './core-btn/core-btn.component';
+import { CoreSpinnerComponent } from './core-spinner/core-spinner.component';
+import { CommonModule } from '@angular/common';
+import { CoreAutoCompleteComponent } from './core-auto-complete/core-auto-complete.component';
+import { CoreCardComponent } from './core-card/core-card.component';
+import { CoreCheckboxComponent } from './core-checkbox/core-checkbox.component';
+import { CoreConfirmDialogComponent } from './core-confirm-dialog/core-confirm-dialog.component';
+import { CoreDatePickerComponent } from './core-date-picker/core-date-picker.component';
+import { CoreInputComponent } from './core-input/core-input.component';
+import { CorePageTitleComponent } from './core-page-title/core-page-title.component';
+import { CoreRadioButtonsComponent } from './core-radio-buttons/core-radio-buttons.component';
+import { CoreSearchBoxComponent } from './core-search-box/core-search-box.component';
+import { CoreSelectComponent } from './core-select/core-select.component';
+import { CoreSwitchComponent } from './core-switch/core-switch.component';
+import { CoreTableComponent } from './core-table/core-table/core-table.component';
+import { CoreColumnDatePickerComponent } from './core-table/core-column-date-picker/core-column-date-picker.component';
+import { CoreColumnInputComponent } from './core-table/core-column-input/core-column-input.component';
+import { CoreColumnSelectorComponent } from './core-table/core-column-selector/core-column-selector.component';
+import { CoreTableActionButtonsColumnComponent } from './core-table/core-table-action-buttons-column/core-table-action-buttons-column.component';
+import { CoreTableActionColumnComponent } from './core-table/core-table-action-column/core-table-action-column.component';
+import { CoreTableCardManagerComponent } from './core-table/core-table-card-manager/core-table-card-manager.component';
+import { CoreTableColumnManagerComponent } from './core-table/core-table-column-manager/core-table-column-manager.component';
+import { CoreTableFilterDialogComponent } from './core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component';
+import { CoreTableNoContentComponent } from './core-table/core-table-no-content/core-table-no-content.component';
+import { CoreTableRowSelectorColumnComponent } from './core-table/core-table-row-selector-column/core-table-row-selector-column.component';
+import { CoreTableShamsiDateComponent } from './core-table/core-table-shamsi-date/core-table-shamsi-date.component';
+import { CoreTableStatusColumnComponent } from './core-table/core-table-status-column/core-table-status-column.component';
+import { CoreTextareaComponent } from './core-textarea/core-textarea.component';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { SearchIconComponent } from '../svg-icon/search-icon/search-icon.component';
+import { CloseIconComponent } from '../svg-icon/close-icon/close-icon.component';
+import { NiraSnackBarModule } from 'nira-snack-bar';
+import { NiraDatePickerModule } from 'nira-date-picker';
+import { CoreTimePickerComponent } from './core-time-picker/core-time-picker.component';
+import { TimePickerModalComponent } from './core-time-picker/time-picker-modal/time-picker-modal.component';
+import { WarningIconComponent } from '../svg-icon/warning-icon/warning-icon.component';
+import { EditSquareIconComponent } from '../svg-icon/edit-square-icon/edit-square-icon.component';
+import { SortDownIconComponent } from '../svg-icon/sort-down-icon/sort-down-icon.component';
+import { SortSolidIconComponent } from '../svg-icon/sort-solid-icon/sort-solid-icon.component';
+import { SortUpIconComponent } from '../svg-icon/sort-up-icon/sort-up-icon.component';
+import { TimeIconComponent } from '../svg-icon/time-icon/time-icon.component';
+import { CoreNumberComponent } from './core-number/core-number.component';
+import { CaretUpIconComponent } from '../svg-icon/caret-up-icon/caret-up-icon.component';
+import { TableDetailViewerManagerDirective } from '../utils/directives/table-detail-viewer-manager.directive';
+import { CoreTableStatusActiveColumnComponent } from './core-table/core-table-status-active-column/core-table-status-active-column.component';
+import { CoreRowPelakComponent } from './core-table/core-row-pelak/core-row-pelak.component';
+import { CoreTableDetailViewerForReportComponent } from './core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component';
+import { DetailViewerManagerDirective } from '../utils/directives/detail-viewer-manager.directive';
+import { PelakIconComponent } from '../svg-icon/pelak-icon/pelak-icon.component';
+import { PersianDigitsPipe } from './pipes/persian-digits.pipe';
+import { FormControlPipe } from './pipes/form-control.pipe';
+import { DigitGroupPipe } from './pipes/digit-group.pipe';
+import { PriceFormatPipe } from './pipes/price-format.pipe';
+import { TimeFormatPipe } from './pipes/time-format.pipe';
+import { WeightPipe } from './pipes/weight.pipe';
+import { ShamsiDatePipe } from './pipes/shamsi-date.pipe';
+import { CalendarIconComponent } from '../svg-icon/calendar-icon/calendar-icon.component';
+import { ArrowDownIconComponent } from '../svg-icon/arrow-down-icon/arrow-down-icon.component';
+import { CoreMultiSelectComponent } from './core-multi-select/core-multi-select.component';
+import { CoreMultiSelectRowComponent } from './core-multi-select/core-multi-select-row/core-multi-select-row.component';
+
+@NgModule({
+  declarations: [
+    CoreAutoCompleteComponent,
+    CoreBtnComponent,
+    CoreSearchBoxComponent,
+    CoreCheckboxComponent,
+    CoreDatePickerComponent,
+    CoreConfirmDialogComponent,
+    CoreInputComponent,
+    CorePageTitleComponent,
+    CoreRadioButtonsComponent,
+    CoreSearchBoxComponent,
+    CoreCardComponent,
+    CoreSelectComponent,
+    CoreSpinnerComponent,
+    CoreSwitchComponent,
+    CoreColumnDatePickerComponent,
+    CoreColumnInputComponent,
+    CoreColumnSelectorComponent,
+    CoreTableComponent,
+    CoreTableActionButtonsColumnComponent,
+    CoreTableActionColumnComponent,
+    CoreTableCardManagerComponent,
+    CoreTableColumnManagerComponent,
+    CoreTableFilterDialogComponent,
+    CoreTableNoContentComponent,
+    CoreTableRowSelectorColumnComponent,
+    CoreTableShamsiDateComponent,
+    CoreTableStatusColumnComponent,
+    TimePickerModalComponent,
+    CoreTextareaComponent,
+    CoreTimePickerComponent,
+    CoreNumberComponent,
+    PersianDigitsPipe,
+    FormControlPipe,
+    DigitGroupPipe,
+    PriceFormatPipe,
+    TimeFormatPipe,
+    ShamsiDatePipe,
+    WeightPipe,
+    SearchIconComponent,
+    CloseIconComponent,
+    WarningIconComponent,
+    EditSquareIconComponent,
+    SortDownIconComponent,
+    CaretUpIconComponent,
+    TimeIconComponent,
+    SortSolidIconComponent,
+    SortUpIconComponent,
+    PelakIconComponent,
+    CoreMultiSelectComponent,
+    CoreMultiSelectRowComponent,
+    TableDetailViewerManagerDirective,
+    DetailViewerManagerDirective,
+    CoreTableStatusActiveColumnComponent,
+    CoreRowPelakComponent,
+    CoreTableDetailViewerForReportComponent,
+    CalendarIconComponent,
+    ArrowDownIconComponent,
+  ],
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    FormsModule,
+    NiraSnackBarModule,
+    NiraDatePickerModule,
+  ],
+  exports: [
+    CoreAutoCompleteComponent,
+    CoreCardComponent,
+    CoreCheckboxComponent,
+    CoreDatePickerComponent,
+    CorePageTitleComponent,
+    CoreSelectComponent,
+    CoreRadioButtonsComponent,
+    CoreInputComponent,
+    CoreSpinnerComponent,
+    CoreSwitchComponent,
+    CoreMultiSelectComponent,
+    CoreTableComponent,
+    CoreBtnComponent,
+    CoreTimePickerComponent,
+    CoreNumberComponent,
+    CoreConfirmDialogComponent,
+    PersianDigitsPipe,
+    CoreSearchBoxComponent,
+    FormControlPipe,
+    DigitGroupPipe,
+    PriceFormatPipe,
+    ShamsiDatePipe,
+    TimeFormatPipe,
+    WeightPipe,
+  ],
+})
+export class FalconLibModule {}

package/src/lib/falconTypes.ts

@@ -0,0 +1,35 @@
+export type ThemePalette = 'square' | 'round';
+export type ColorState =
+  | 'default'
+  | 'primary'
+  | 'success'
+  | 'warning'
+  | 'danger';
+
+export type ButtonType = 'button';
+
+export type LayoutRadioButtons = 'row' | 'column';
+
+export type InputType = 'number' | 'password' | 'text';
+
+export type MenuItem<T> = {
+  title: T;
+  value: T;
+};
+
+export type ButtonSize = 'xsmall' | 'small' | 'medium';
+export type Color = 'White' | 'Orange' | 'Purple';
+export type ConfirmDialog = {
+  title: string;
+  text: string;
+  confirmBtn: string;
+  cancelBtn: string;
+};
+
+export enum DetailViewers {
+  BILL = 'bill',
+  DRIVER = 'driver',
+  MANIFEST = 'manifest',
+  SERVICE = 'service',
+  VEHICLE = 'vehicle',
+}

package/src/lib/pipes/digit-group.pipe.ts

@@ -0,0 +1,10 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'digitGroup',
+})
+export class DigitGroupPipe implements PipeTransform {
+  transform(el: string | number): string {
+    return el.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+  }
+}

package/src/lib/pipes/form-control.pipe.ts

@@ -0,0 +1,11 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { AbstractControl, FormControl } from '@angular/forms';
+
+@Pipe({
+  name: 'formControl',
+})
+export class FormControlPipe implements PipeTransform {
+  transform(value: AbstractControl): FormControl<(typeof value)['value']> {
+    return value as FormControl<(typeof value)['value']>;
+  }
+}

package/src/lib/pipes/persian-digits.pipe.ts

@@ -0,0 +1,33 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'persianDigits',
+})
+export class PersianDigitsPipe implements PipeTransform {
+  transform(el: number | string): string {
+    const persian: Record<number, string> = {
+      0: '۰',
+      1: '۱',
+      2: '۲',
+      3: '۳',
+      4: '۴',
+      5: '۵',
+      6: '۶',
+      7: '۷',
+      8: '۸',
+      9: '۹',
+    } as const;
+
+    if (el != undefined && el != '') {
+      let elements = el.toString();
+      let list = elements.match(/[0-9]/g);
+      if (list != null && list.length != 0) {
+        for (let i = 0; i < list.length; i++) {
+          elements = elements.replace(list[i], persian[Number(list[i])]);
+        }
+      }
+      elements = elements.replace(/-/g, '/');
+      return elements;
+    } else return '';
+  }
+}

package/src/lib/pipes/price-format.pipe.ts

@@ -0,0 +1,20 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+// type Currency = 'RII' | 'T';
+@Pipe({
+  name: 'priceFormat',
+})
+export class PriceFormatPipe implements PipeTransform {
+  transform(
+    value: string | number | undefined,
+    currency: string,
+    ...args: unknown[]
+  ): string {
+    if (currency == 'IRR') {
+      value = value + ' ریال ';
+    } else {
+      value = value + ' تومان ';
+    }
+    return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+  }
+}

package/src/lib/pipes/shamsi-date.pipe.ts

@@ -0,0 +1,24 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import moment from 'jalali-moment';
+type Format = 'HH:mm' | 'jYYYY/jMM/jDD' | 'jYYYY/jMM/jDD HH:mm';
+@Pipe({
+  name: 'shamsiDate',
+})
+export class ShamsiDatePipe implements PipeTransform {
+  transform(
+    value: string | undefined,
+    format: Format | string,
+    ...args: unknown[]
+  ): string {
+    if (!value) return '';
+    const m = moment(
+      value,
+      value.length === 10
+        ? 'YYYY-MM-DD'
+        : value.length === 16
+        ? 'YYYY-MM-DD HH:mm'
+        : 'YYYY-MM-DD HH:mm:ss'
+    );
+    return m.format(format);
+  }
+}

package/src/lib/pipes/time-format.pipe.ts

@@ -0,0 +1,21 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'timeFormat',
+})
+export class TimeFormatPipe implements PipeTransform {
+  transform(value: number, ...args: unknown[]): string {
+    let hour = value / 60;
+    let result = '';
+    hour = value % 60 > 0 ? hour + 1 : hour;
+    if (hour >= 24) {
+      result = Number.parseInt(String(hour / 24)) + ' روز ';
+      if (Number.parseInt(String(hour % 24)) != 0) {
+        result = result + ', ' + Number.parseInt(String(hour % 24)) + ' ساعت ';
+      }
+    } else {
+      result = hour + ' ساعت ';
+    }
+    return result;
+  }
+}

package/src/lib/pipes/weight.pipe.ts

@@ -0,0 +1,10 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'weight',
+})
+export class WeightPipe implements PipeTransform {
+  transform(value: number, ...args: unknown[]): string {
+    return value + ' کیلوگرم ';
+  }
+}

package/src/lib/wordify.ts

@@ -0,0 +1,116 @@
+type DateFormat = 'HH:mm' | 'YYYY-MM-DD' | 'YYYY-MM-DD HH:mm';
+type ShamsiDateFormat = 'HH:mm' | 'jYYYY-jMM-jDD' | 'jYYYY-jMM-jDD HH:mm';
+
+export function toEnglishDigits(num: string | number): string {
+  if (num === null || num === undefined) {
+    return '';
+  }
+
+  if (typeof num !== 'string' || num.length === 0) return num.toString();
+
+  const faDigits = '۰۱۲۳۴۵۶۷۸۹';
+  const arDigits = '٠١٢٣٤٥٦٧٨٩';
+  let output = '';
+  for (let ipos = 0; ipos < num.length; ipos++) {
+    let faIndex = faDigits.indexOf(num[ipos]);
+    if (faIndex >= 0) {
+      output += faIndex.toString();
+      continue;
+    }
+    let arIndex = arDigits.indexOf(num[ipos]);
+    if (arIndex >= 0) {
+      output += arIndex.toString();
+      continue;
+    }
+    output += num[ipos];
+  }
+  return output.replace(/,/g, '');
+}
+
+export function WordifyFa(
+  input: string | number | undefined,
+  level: number = 0
+): string {
+  if (input === null || input === undefined) {
+    return '';
+  }
+
+  let num: number = parseInt(toEnglishDigits(input));
+
+  // convert negative number to positive and get wordify value
+  if (num < 0) {
+    num = num * -1;
+    return 'منفی ' + WordifyFa(num, level);
+  }
+  if (num === 0) {
+    if (level === 0) {
+      return 'صفر';
+    } else {
+      return '';
+    }
+  }
+  let result = '';
+  const yekan = ['یک', 'دو', 'سه', 'چهار', 'پنج', 'شش', 'هفت', 'هشت', 'نه'],
+    dahgan = ['بیست', 'سی', 'چهل', 'پنجاه', 'شصت', 'هفتاد', 'هشتاد', 'نود'],
+    sadgan = [
+      'یکصد',
+      'دویست',
+      'سیصد',
+      'چهارصد',
+      'پانصد',
+      'ششصد',
+      'هفتصد',
+      'هشتصد',
+      'نهصد',
+    ],
+    dah = [
+      'ده',
+      'یازده',
+      'دوازده',
+      'سیزده',
+      'چهارده',
+      'پانزده',
+      'شانزده',
+      'هفده',
+      'هیجده',
+      'نوزده',
+    ];
+
+  if (level > 0) {
+    result += ' و ';
+    level -= 1;
+  }
+
+  if (num < 10) {
+    result += yekan[num - 1];
+  } else if (num < 20) {
+    result += dah[num - 10];
+  } else if (num < 100) {
+    result += dahgan[Math.floor(num / 10) - 2] + WordifyFa(num % 10, level + 1);
+  } else if (num < 1000) {
+    result +=
+      sadgan[Math.floor(num / 100) - 1] + WordifyFa(num % 100, level + 1);
+  } else if (num < 1000000) {
+    result +=
+      WordifyFa(Math.floor(num / 1000), level) +
+      ' هزار' +
+      WordifyFa(num % 1000, level + 1);
+  } else if (num < 1000000000) {
+    result +=
+      WordifyFa(Math.floor(num / 1000000), level) +
+      ' میلیون' +
+      WordifyFa(num % 1000000, level + 1);
+  } else if (num < 1000000000000) {
+    result +=
+      WordifyFa(Math.floor(num / 1000000000), level) +
+      ' میلیارد' +
+      WordifyFa(num % 1000000000, level + 1);
+  } else if (num < 1000000000000000) {
+    result +=
+      WordifyFa(Math.floor(num / 1000000000000), level) +
+      ' تریلیارد' +
+      WordifyFa(num % 1000000000000, level + 1);
+  }
+
+  return result;
+}

package/{public-api.d.ts → src/public-api.ts}

@@ -1,27 +1,31 @@
-export * from './lib/falcon-lib.module';
-export * from './lib/falconTypes';
-export * from './lib/core-btn/core-btn.component';
-export * from './lib/core-spinner/core-spinner.component';
-export * from './lib/core-btn/core-btn.component';
-export * from './lib/core-input/core-input.component';
-export * from './lib/core-select/core-select.component';
-export * from './lib/core-checkbox/core-checkbox.component';
-export * from './lib/core-radio-buttons/core-radio-buttons.component';
-export * from './lib/core-confirm-dialog/core-confirm-dialog.component';
-export * from './lib/core-date-picker/core-date-picker.component';
-export * from './lib/core-time-picker/core-time-picker.component';
-export * from './lib/core-switch/core-switch.component';
-export * from './lib/core-page-title/core-page-title.component';
-export * from './lib/core-card/core-card.component';
-export * from './lib/core-table/core-table/core-table.component';
-export * from './lib/core-auto-complete/core-auto-complete.component';
-export * from './lib/core-multi-select/core-multi-select.component';
-export * from './lib/core-search-box/core-search-box.component';
-export * from './lib/core-number/core-number.component';
-export * from './lib/pipes/digit-group.pipe';
-export * from './lib/pipes/form-control.pipe';
-export * from './lib/pipes/persian-digits.pipe';
-export * from './lib/pipes/price-format.pipe';
-export * from './lib/pipes/shamsi-date.pipe';
-export * from './lib/pipes/time-format.pipe';
-export * from './lib/pipes/weight.pipe';
+/*
+ * Public API Surface of falcon-lib
+ */
+
+export * from './lib/falcon-lib.module';
+export * from './lib/falconTypes';
+export * from './lib/core-btn/core-btn.component';
+export * from './lib/core-spinner/core-spinner.component';
+export * from './lib/core-btn/core-btn.component';
+export * from './lib/core-input/core-input.component';
+export * from './lib/core-select/core-select.component';
+export * from './lib/core-checkbox/core-checkbox.component';
+export * from './lib/core-radio-buttons/core-radio-buttons.component';
+export * from './lib/core-confirm-dialog/core-confirm-dialog.component';
+export * from './lib/core-date-picker/core-date-picker.component';
+export * from './lib/core-time-picker/core-time-picker.component';
+export * from './lib/core-switch/core-switch.component';
+export * from './lib/core-page-title/core-page-title.component';
+export * from './lib/core-card/core-card.component';
+export * from './lib/core-table/core-table/core-table.component';
+export * from './lib/core-auto-complete/core-auto-complete.component';
+export * from './lib/core-multi-select/core-multi-select.component';
+export * from './lib/core-search-box/core-search-box.component';
+export * from './lib/core-number/core-number.component';
+export * from './lib/pipes/digit-group.pipe';
+export * from './lib/pipes/form-control.pipe';
+export * from './lib/pipes/persian-digits.pipe';
+export * from './lib/pipes/price-format.pipe';
+export * from './lib/pipes/shamsi-date.pipe';
+export * from './lib/pipes/time-format.pipe';
+export * from './lib/pipes/weight.pipe';

package/src/svg-icon/arrow-down-icon/arrow-down-icon.component.html

@@ -0,0 +1,8 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="24"
+  viewBox="0 -960 960 960"
+  width="24"
+>
+  <path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" />
+</svg>

package/src/svg-icon/arrow-down-icon/arrow-down-icon.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'arrow-down-icon',
+  templateUrl: './arrow-down-icon.component.html',
+  styleUrls: ['./arrow-down-icon.component.scss'],
+})
+export class ArrowDownIconComponent {}

package/src/svg-icon/calendar-icon/calendar-icon.component.html

@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 -960 960 960"
+  height="100%"
+  width="100%"
+>
+  <path
+    d="M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z"
+  />
+</svg>

package/src/svg-icon/calendar-icon/calendar-icon.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'calendar-icon',
+  templateUrl: './calendar-icon.component.html',
+  styleUrls: ['./calendar-icon.component.scss'],
+})
+export class CalendarIconComponent {}

package/src/svg-icon/caret-up-icon/caret-up-icon.component.html

@@ -0,0 +1,16 @@
+<svg
+  class="svg-inline--fa fa-caret-up fa-w-10 me-1"
+  aria-hidden="true"
+  focusable="false"
+  data-prefix="fas"
+  data-icon="caret-up"
+  role="img"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 320 512"
+  data-fa-i2svg=""
+>
+  <path
+    fill="currentColor"
+    d="M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z"
+  ></path>
+</svg>

package/src/svg-icon/caret-up-icon/caret-up-icon.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-caret-up-icon',
+  templateUrl: './caret-up-icon.component.html',
+  styleUrls: ['./caret-up-icon.component.scss']
+})
+export class CaretUpIconComponent {
+
+}

package/src/svg-icon/close-icon/close-icon.component.html

@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="100%"
+  viewBox="0 -960 960 960"
+  width="100%"
+>
+  <path
+    d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"
+  />
+</svg>

package/src/svg-icon/close-icon/close-icon.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'close-icon',
+  templateUrl: './close-icon.component.html',
+  styleUrls: ['./close-icon.component.scss'],
+})
+export class CloseIconComponent {}

package/src/svg-icon/edit-square-icon/edit-square-icon.component.html

@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 -960 960 960"
+  height="100%"
+  width="100%"
+>
+  <path
+    d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h357l-80 80H200v560h560v-278l80-80v358q0 33-23.5 56.5T760-120H200Zm280-360ZM360-360v-170l367-367q12-12 27-18t30-6q16 0 30.5 6t26.5 18l56 57q11 12 17 26.5t6 29.5q0 15-5.5 29.5T897-728L530-360H360Zm481-424-56-56 56 56ZM440-440h56l232-232-28-28-29-28-231 231v57Zm260-260-29-28 29 28 28 28-28-28Z"
+  />
+</svg>

package/src/svg-icon/edit-square-icon/edit-square-icon.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'edit-square-icon',
+  templateUrl: './edit-square-icon.component.html',
+  styleUrls: ['./edit-square-icon.component.scss'],
+})
+export class EditSquareIconComponent {}