crdx-components 1.0.0 → 2.0.0

package/src/lib/components/spinner/spinner.html

@@ -1,9 +0,0 @@
-<mat-spinner
-  mode="indeterminate"
-  class="lib-spinner"
-  [attr.aria-label]="ariaLabel()"
-  [diameter]="diameter()"
-  [strokeWidth]="strokeWidth()"
-  [style.--lib-spinner-color]="color()"
-></mat-spinner>
-

package/src/lib/components/spinner/spinner.ts

@@ -1,17 +0,0 @@
-import { Component, input } from '@angular/core';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-
-@Component({
-  selector: 'lib-spinner, spinner',
-  standalone: true,
-  imports: [MatProgressSpinnerModule],
-  templateUrl: './spinner.html',
-  styleUrl: './spinner.css',
-})
-export class LibSpinnerComponent {
-  diameter = input<number>(48);
-  strokeWidth = input<number>(4);
-  color = input<string>('var(--Rojo-400, #e30613)');
-  ariaLabel = input<string>('Cargando');
-}
-

package/src/lib/components/tooltip/tooltip.css

@@ -1,32 +0,0 @@
-:host.ui-tooltip-host {
-  display: inline-flex;
-}
-
-.ui-tooltip {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 24px;
-  padding: 4px 8px;
-  border-radius: calc(var(--tooltips-plain-enabled-container-plain-tooltip-container-shape, 4) * 1px);
-  background: var(--tooltips-plain-enabled-container-plain-tooltip-container-color, #2d3133);
-  box-sizing: border-box;
-}
-
-.ui-tooltip__text {
-  color: var(--tooltips-plain-enabled-supporting-text-plain-tooltip-supporting-text-color, #eef1f3);
-  font-family: var(--tooltips-plain-enabled-supporting-text-plain-tooltip-supporting-text-font, 'Heebo'), sans-serif;
-  font-size: var(--tooltips-plain-enabled-supporting-text-plain-tooltip-supporting-text-size, 12px);
-  font-style: normal;
-  font-weight: var(--tooltips-plain-enabled-supporting-text-plain-tooltip-supporting-text-weight, 400);
-  line-height: calc(var(--tooltips-plain-enabled-supporting-text-plain-tooltip-supporting-text-line-height, 16) * 1px);
-  letter-spacing: var(--tooltips-plain-enabled-supporting-text-plain-tooltip-supporting-text-tracking, 0.4px);
-}
-
-.ui-tooltip--single-line .ui-tooltip__text {
-  white-space: nowrap;
-}
-
-.ui-tooltip--multi-line .ui-tooltip__text {
-  white-space: normal;
-}

package/src/lib/components/tooltip/tooltip.html

@@ -1,3 +0,0 @@
-<div class="ui-tooltip" [ngClass]="classes()" [style.max-width]="maxWidth()">
-  <span class="ui-tooltip__text">{{ text() }}</span>
-</div>

package/src/lib/components/tooltip/tooltip.ts

@@ -1,31 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
-import { NgClass } from '@angular/common';
-
-export type LibTooltipType = 'single-line' | 'multi-line';
-
-@Component({
-  selector: 'lib-tooltip',
-  standalone: true,
-  imports: [NgClass],
-  templateUrl: './tooltip.html',
-  styleUrl: './tooltip.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  host: {
-    '[class.ui-tooltip-host]': 'true',
-  },
-})
-export class LibTooltipComponent {
-  /** Texto del tooltip. */
-  text = input('Supporting text');
-
-  /** Variante del tooltip según Figma: single-line o multi-line. */
-  type = input<LibTooltipType>('single-line');
-
-  /** Ancho máximo opcional para controlar el wrap en multi-line (ej: "12.5rem", "200px"). */
-  maxWidth = input<string | null>(null);
-
-  readonly classes = computed(() => ({
-    'ui-tooltip--single-line': this.type() === 'single-line',
-    'ui-tooltip--multi-line': this.type() === 'multi-line',
-  }));
-}

package/src/lib/icons/register-icons.ts

@@ -1,101 +0,0 @@
-import { DomSanitizer } from '@angular/platform-browser';
-import { MatIconRegistry } from '@angular/material/icon';
-
-const DEFAULT_ICON_BASE_PATH = 'assets/icons';
-
-const ICON_MENU_FILE = 'icon-menu.svg';
-const LOGO_FILE = 'logo.svg';
-const SMILEY_FILE = 'smiley.svg';
-
-const ICON_FILE_MAP = Object.freeze({
-  CollapseMenu: ICON_MENU_FILE,
-  'collapse-menu': ICON_MENU_FILE,
-  'icon-menu': ICON_MENU_FILE,
-
-  logo: LOGO_FILE,
-  'credix-logo': LOGO_FILE,
-  smiley: SMILEY_FILE,
-'error-circle': 'error-circle.svg',
-'info-error': 'info-error.svg',
-  'configuration-countable': 'configuration-countable.svg',
-  edit: 'edit.svg',
-  'edit-table': 'edit-table.svg',
-  hub: 'hub.svg',
-  logout: 'logout.svg',
-  notifications: 'notifications.svg',
-  profile: 'profile.svg',
-  'profile-user-menu': 'profile-user-menu.svg',
-  visibility: 'visibility-eye.svg',
-  check: 'success-check_icon.svg',
-  'gif-icon-massive': 'gif-icon.svg',
-  'background-color-massive': 'background-color-massive.svg',
-  'content-edit-massive': 'trailing-icon.svg',
-  'edit-massive': 'edit-massive.svg',
-  'edit-massive-white': 'edit-white.svg',
-  'edit-gray': 'edit-gray.svg',
-  'check-update': 'check-update.svg',
-  'download-simple': 'download-simple.svg',
-  'download-file': 'download-file.svg',
-  'content-copy': 'content-copy.svg',
-  'add-create': 'add-create.svg',
-  'add-create-dark': 'add-create-dark.svg',
-  'add-create-dark-icon': 'add-create-dark-icon.svg',
-  'add-circle-filled': 'add_circle_filled.svg',
-  'add-circle-tonal': 'add_circle_tonal.svg',
-  'add-circle-outlined': 'add_circle_outline.svg',
-  'add-circle-elevated': 'add_circle_text.svg',
-  'add-circle-text': 'add_circle_text.svg',
-} satisfies Record<string, string>);
-
-function normalizeBasePath(basePath?: string): string {
-  const targetPath = basePath ?? DEFAULT_ICON_BASE_PATH;
-
-  if (/^(https?:)?\/\//.test(targetPath)) {
-    return targetPath.replace(/\/$/, '');
-  }
-
-  return targetPath.replace(/\/$/, '');
-}
-
-export type UiIconName = keyof typeof ICON_FILE_MAP;
-
-export const UI_ICON_NAMES = Object.keys(ICON_FILE_MAP) as UiIconName[];
-
-export interface RegisterUiIconOptions {
-  basePath?: string;
-}
-
-export function resolveUiIconResource(
-  iconName: UiIconName,
-  options?: RegisterUiIconOptions
-): string {
-  const fileName = ICON_FILE_MAP[iconName];
-
-  if (!fileName) {
-    throw new Error(`Icon "${iconName}" is not registered in ICON_FILE_MAP.`);
-  }
-
-  return `${normalizeBasePath(options?.basePath)}/${fileName}`;
-}
-
-export function registerUiIcons(
-  registry: MatIconRegistry,
-  sanitizer: DomSanitizer,
-  icons: UiIconName[] = UI_ICON_NAMES,
-  options?: RegisterUiIconOptions
-): void {
-  const basePath = normalizeBasePath(options?.basePath);
-
-  icons.forEach((iconName) => {
-    const fileName = ICON_FILE_MAP[iconName];
-    if (!fileName) {
-      return;
-    }
-
-    const resourceUrl = `${basePath}/${fileName}`;
-    registry.addSvgIcon(
-      iconName,
-      sanitizer.bypassSecurityTrustResourceUrl(resourceUrl)
-    );
-  });
-}

package/src/lib/lib-ui/lib-ui.html

@@ -1 +0,0 @@
-<p>LibUi works!</p>

package/src/lib/lib-ui/lib-ui.ts

@@ -1,9 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'lib-lib-ui',
-  imports: [],
-  templateUrl: './lib-ui.html',
-  styleUrl: './lib-ui.scss',
-})
-export class LibUi {}

package/tsconfig.json

@@ -1,30 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2022",
-    "module": "preserve",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "emitDecoratorMetadata": false,
-    "experimentalDecorators": true,
-    "useDefineForClassFields": false,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "lib": ["es2022", "dom"]
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true,
-    "skipTemplateCodegen": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    { "path": "./tsconfig.lib.json" }
-  ]
-}

package/tsconfig.lib.json

@@ -1,20 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": [],
-    "isolatedModules": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "full",
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["src/**/*.spec.ts", "src/**/*.test.ts"]
-}