@foxeltech/angular-ui 0.3.1 → 0.7.44

package/utilities.css

@@ -8,7 +8,10 @@
 }
 
 @utility btn-common {
-  @apply flex text-sm h-10 font-semibold px-xl py-normal items-center justify-center rounded-lg shadow-sm transition-all duration-200 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed;
+  /* Compact size (anh Tú 29/08): h-8 + 13px label — the pre-V2 h-10 read too
+     large against the V2 density. leading-none: arbitrary text-[13px] inherits
+     lh 1.5 and Archivo's uneven leading floats the ink ~1px above center. */
+  @apply flex text-[13px] leading-none h-8 font-semibold px-large py-small items-center justify-center rounded-lg shadow-sm transition-all duration-200 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed;
 }
 
 @utility btn-menu-common {

package/src/lib/ui/components/chart/chart.component.html

@@ -1,20 +0,0 @@
-<div class="chart-wrapper" [style.height]="height">
-  @if (isEmpty) {
-    <div class="chart-empty">
-      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="chart-empty-icon">
-        <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" />
-      </svg>
-      <span class="chart-empty-text">{{ emptyText }}</span>
-    </div>
-  } @else {
-    <div
-      echarts
-      [options]="chartOptions"
-      [loading]="loading"
-      (chartInit)="onChartInit($event)"
-      (chartClick)="onChartClick($event)"
-      class="fx-chart"
-      [style.height]="height"
-    ></div>
-  }
-</div>

package/src/lib/ui/components/chart/chart.component.scss

@@ -1,49 +0,0 @@
-:host {
-  display: block;
-  width: 100%;
-}
-
-.chart-wrapper {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-
-.chart-container {
-  width: 100%;
-  height: 100%;
-}
-
-.chart-loader {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(var(--bg-primary-hover) / 0.6);
-  font-weight: 500;
-  font-size: 1.1rem;
-  z-index: 2;
-  border-radius: 4px;
-}
-
-.chart-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  gap: 12px;
-  color: rgba(var(--text-secondary) / 1);
-}
-
-.chart-empty-icon {
-  width: 48px;
-  height: 48px;
-  opacity: 0.4;
-}
-
-.chart-empty-text {
-  font-size: 14px;
-  font-weight: 500;
-}

package/src/lib/ui/components/flow-connection/flow-connection.component.html

@@ -1,10 +0,0 @@
-<vflow
-  [background]="{
-  type: 'solid',
-  color: `rgba(var(${backgroundColor})`
-}"
-  [nodes]="nodes"
-  [edges]="edges"
-  (onConnect)="handleConnection($event)"
-  [view]="view"
-/>

package/src/lib/ui/components/rich-text-area/rich-text-area.component.html

@@ -1,3 +0,0 @@
-<div class="w-full rounded-2xl shadow-sm p-1 bg-bg-primary">
-  <div #editorContainer class="min-h-[200px] text-base"></div>
-</div>

package/src/lib/ui/components/rich-text-area/rich-text-area.component.scss

@@ -1,18 +0,0 @@
-/* Tailwind v4: component styles compile in isolation — @reference pulls in the theme for @apply without re-emitting it. */
-@reference '../../../styles/tailwind.css';
-
-:host {
-  display: block;
-}
-
-.ql-toolbar {
-  @apply border-b border-border-default rounded-t p-2;
-}
-
-.ql-container {
-  @apply rounded-b;
-}
-
-.ql-editor {
-  @apply min-h-[200px] p-3 text-base;
-}