@goat-bravos/intern-hub-layout 1.0.1 → 1.0.3

package/src/libs/shared/components/table/table-header/table-header.component.html

@@ -1,27 +0,0 @@
-@for (col of columns; track col.key) {
-  <th
-    scope="col"
-    [style.width]="col.width"
-    [style.backgroundColor]="backgroundColor"
-    [style.color]="textColor"
-  >
-    <div class="header-container">
-      <div class="header-content">
-        @if (headerIconLeft) {
-          <div class="icon-left">
-            <i [class]="headerIconLeft"></i>
-          </div>
-        }
-        <div class="header-text" [style.font-size]="fontSize">
-          {{ col.header }}
-        </div>
-        @if (headerIconRight) {
-          <div class="icon-right">
-            <i [class]="headerIconRight"></i>
-          </div>
-        }
-      </div>
-      <p class="divider">|</p>
-    </div>
-  </th>
-}

package/src/libs/shared/components/table/table-header/table-header.component.scss

@@ -1,91 +0,0 @@
-th {
-  padding: 0;
-  vertical-align: middle;
-  height: 44px;
-  box-sizing: border-box;
-
-  .header-content {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    gap: 8px;
-    border-collapse: collapse;
-
-    .header-text {
-      font-weight: 600;
-    }
-
-    .icon-left,
-    .icon-right {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      width: 20px;
-      height: 20px;
-    }
-
-    // Khi chỉ có text (không có icons)
-    &:has(.header-text:only-child) {
-      justify-content: flex-start;
-    }
-
-    // Khi có icons
-    &:has(.icon-left),
-    &:has(.icon-right) {
-      justify-content: space-between;
-      background-color: var(--brand-900);
-      .header-text {
-        flex: 1;
-        text-align: center;
-      }
-    }
-
-    // Khi chỉ có icon bên trái
-    &:has(.icon-left):not(:has(.icon-right)) {
-      justify-content: flex-start;
-
-      .header-text {
-        flex: 1;
-      }
-    }
-
-    // Khi chỉ có icon bên phải
-    &:has(.icon-right):not(:has(.icon-left)) {
-      justify-content: space-between;
-
-      .header-text {
-        flex: 1;
-      }
-    }
-  }
-}
-
-/* Separator line between columns */
-th:not(:last-child) {
-  border-right: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-.table-header {
-  width: 100%;
-}
-
-.header-container {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding: 0 8px;
-  box-sizing: border-box;
-  height: 100%;
-}
-
-.divider {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 20px;
-  width: 1px;
-  background-color: rgba(0, 0, 0, 0.1);
-  margin: 0 8px;
-  color: transparent; /* Text content '|' hidden or style it */
-}

package/src/libs/shared/components/table/table-header/table-header.component.ts

@@ -1,25 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-export interface ColumnConfig {
-  header: string;
-  key: string;
-  width: string;
-}
-
-@Component({
-  selector: 'tr[app-table-header]', // ✅ Attribute selector on tr
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './table-header.component.html',
-  styleUrl: './table-header.component.scss',
-})
-export class TableHeaderComponent {
-  @Input() columns: ColumnConfig[] = [];
-  @Input() backgroundColor?: string;
-  @Input({ transform: (value: string | undefined) => value || '#ffffff' })
-  textColor: string = '#ffffff';
-  @Input() headerIconLeft?: string;
-  @Input() headerIconRight?: string;
-  @Input() fontSize: string = 'var(--font-xs)';
-}

package/src/main.ts

@@ -1,6 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { App } from './app/app';
-
-bootstrapApplication(App, appConfig)
-  .catch((err) => console.error(err));

package/src/public-api.ts

@@ -1,22 +0,0 @@
-/*
- * Public API Surface of intern-hub-layout
- */
-
-export * from './libs/layouts/main-layout/main-layout.component';
-export * from './libs/layouts/header/header.component';
-export * from './libs/layouts/sidebar/sidebar.component';
-
-export * from './libs/shared/components/button/button-container/button-container.component';
-export * from './libs/shared/components/button/label-button/label-button.component';
-
-export * from './libs/shared/components/input/input-text/input-text.component';
-export * from './libs/shared/components/input/input-stepper/input-stepper.component';
-export * from './libs/shared/components/input/input-calendar/input-calendar.component';
-
-export * from './libs/shared/components/table/table-header/table-header.component';
-export * from './libs/shared/components/table/table-body/table-body.component';
-
-export * from './libs/shared/components/approval/approval-list/approval-list.component';
-export * from './libs/shared/components/approval/approval-list-item/approval-list-item.model';
-
-export * from './libs/shared/components/pop-up/pop-up-confirm/pop-up-confirm.component';

package/src/styles.scss

@@ -1,27 +0,0 @@
-@use 'dynamic-ds/src/lib/styles/system-design';
-
-@import url('https://rsms.me/inter/inter.css');
-
-// Apply Inter font globally
-:root {
-  font-family: 'Inter', sans-serif;
-  font-feature-settings:
-    'liga' 1,
-    'calt' 1; /* fix for Chrome */
-}
-
-@supports (font-variation-settings: normal) {
-  :root {
-    font-family: 'InterVariable', sans-serif;
-  }
-}
-
-* {
-  font-family: 'Inter', sans-serif;
-}
-
-body {
-  font-family: 'Inter', sans-serif;
-  margin: 0;
-  padding: 0;
-}

package/tsconfig.app.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "src/**/*.spec.ts"
-  ]
-}

package/tsconfig.json

@@ -1,53 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "preserve",
-    "paths": {
-      "layout-templates": [
-        "./dist/layout-templates"
-      ],
-      "ui-components": [
-        "./dist/ui-components"
-      ]
-    }
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  },
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    },
-    {
-      "path": "./projects/ui-components/tsconfig.lib.json"
-    },
-    {
-      "path": "./projects/ui-components/tsconfig.spec.json"
-    },
-    {
-      "path": "./projects/layout-templates/tsconfig.lib.json"
-    },
-    {
-      "path": "./projects/layout-templates/tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "vitest/globals"
-    ]
-  },
-  "include": [
-    "src/**/*.d.ts",
-    "src/**/*.spec.ts"
-  ]
-}