crdx-components 1.0.0 → 1.0.1

package/src/lib/components/sidebar/sidebar.css

@@ -1,234 +0,0 @@
-:host {
-  display: block;
-  height: 100%;
-}
-
-.sidebar {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: calc(var(--navigation-rail-nav-rail-collapsed-nav-rail-collapsed-container-width, 96) * 1px);
-  min-width: calc(var(--navigation-rail-nav-rail-collapsed-nav-rail-collapsed-container-width, 96) * 1px);
-  height: 100%;
-  padding: calc(var(--navigation-rail-nav-rail-collapsed-nav-rail-collapsed-item-top-space, 44) * 1px) 0
-    calc(var(--navigation-rail-nav-rail-collapsed-nav-rail-collapsed-item-vertical-space, 4) * 1px);
-  box-sizing: border-box;
-  gap: calc(var(--navigation-rail-nav-rail-collapsed-nav-rail-collapsed-item-vertical-space, 4) * 1px);
-  background-color: var(--navigation-rail-nav-rail-collapsed-nav-rail-collapsed-container-color, #ebeef0);
-  border-radius: calc(var(--navigation-rail-nav-rail-collapsed-nav-rail-collapsed-container-shape, 0) * 1px);
-  color: var(--navigation-rail-nav-rail-item-vertical-nav-rail-item-vertical-text-color, #434749);
-  transition: width 280ms ease, min-width 280ms ease, padding 280ms ease;
-}
-
-.sidebar--show-labels {
-  align-items: stretch;
-  width: calc(var(--navigation-rail-nav-rail-expanded-nav-rail-expanded-container-width-minimum, 220) * 1px);
-  min-width: calc(var(--navigation-rail-nav-rail-expanded-nav-rail-expanded-container-width-minimum, 220) * 1px);
-}
-
-.sidebar__header,
-.sidebar__footer {
-  display: flex;
-  justify-content: center;
-  padding-inline: calc(var(--navigation-rail-nav-rail-item-vertical-nav-rail-item-vertical-leading-space, 16) * 1px);
-  width: 100%;
-}
-
-.sidebar__header {
-  min-height: calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-header-space-minimum, 40) * 1px);
-  align-items: center;
-}
-
-.sidebar__header:empty,
-.sidebar__footer:empty {
-  display: none;
-}
-
-.sidebar__nav {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding: 0 var(--padding-container-main, 16px) 0;
-}
-
-.sidebar__list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-container-vertical-space, 6) * 1px);
-}
-
-.sidebar--show-labels .sidebar__list {
-  align-items: stretch;
-}
-
-.sidebar__item {
-  width: 100%;
-  display: flex;
-  align-items: center;
-}
-
-.sidebar--show-labels .sidebar__item {
-  justify-content: flex-start;
-}
-
-.sidebar__button {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  width: auto;
-  max-width: 100%;
-  height: calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-container-height, 64) * 1px);
-  margin: 0;
-  padding-inline: 0;
-  padding-block: 0;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: var(--navigation-rail-nav-rail-item-common-nav-rail-item-icon-color, #181c1e);
-  text-decoration: none;
-  transition:
-    color 180ms ease,
-    height 320ms ease,
-    max-width 320ms ease,
-    padding 320ms ease;
-}
-
-.sidebar__button--expanded {
-  align-self: center;
-  width: auto;
-  max-width: 100%;
-  height: calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-container-height, 64) * 1px);
-  justify-content: flex-start;
-  padding-inline: 0;
-}
-
-.sidebar__button:focus-visible {
-  outline: 2px solid var(--navigation-rail-nav-rail-item-common-nav-rail-item-focus-indicator, #5b5f61);
-  outline-offset: 4px;
-}
-
-.sidebar__button:disabled {
-  cursor: default;
-  opacity: 0.48;
-}
-
-.sidebar__active {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-active-indicator-icon-label-space, 8) * 1px);
-  height: calc(var(--navigation-rail-nav-rail-item-vertical-nav-rail-item-vertical-active-indicator-height, 32) * 1px);
-  padding-inline: calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-active-indicator-leading-space, 16) * 1px)
-    calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-active-indicator-trailing-space, 16) * 1px);
-  border-radius: calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-active-indicator-shape, 1000) * 1px);
-  background-color: transparent;
-  transition:
-    background-color 180ms ease,
-    color 180ms ease,
-    gap 320ms cubic-bezier(0.4, 0, 0.2, 1),
-    padding 320ms cubic-bezier(0.4, 0, 0.2, 1),
-    width 320ms cubic-bezier(0.4, 0, 0.2, 1),
-    max-width 320ms cubic-bezier(0.4, 0, 0.2, 1);
-  max-width: calc(var(--navigation-rail-nav-rail-expanded-nav-rail-expanded-container-width-minimum, 220) * 1px);
-  overflow: hidden;
-}
-
-.sidebar__button--expanded .sidebar__active,
-.sidebar__active--expanded {
-  width: auto;
-  max-width: 100%;
-  height: 100%;
-  align-items: center;
-  justify-content: flex-start;
-  padding-inline: calc(var(--navigation-rail-nav-rail-item-horizontal-nav-rail-item-horizontal-full-width-leading-space, 16) * 1px);
-  gap: calc(var(--navigation-rail-nav-rail-item-horizontal-nav-rail-item-horizontal-icon-label-space, 8) * 1px);
-}
-
-.sidebar__button:not(:disabled):hover .sidebar__active {
-  background-color: rgba(24, 28, 30, 0.08);
-}
-
-.sidebar__button:not(:disabled):active .sidebar__active {
-  background-color: rgba(24, 28, 30, 0.12);
-}
-
-.sidebar__button--selected .sidebar__active {
-  background-color: var(--navigation-rail-nav-rail-item-common-nav-rail-item-container-selected-color, #e42313);
-  color: var(--navigation-rail-nav-rail-item-common-nav-rail-item-icon-selected-color, #ffffff);
-}
-
-.sidebar__button--selected:not(:disabled):hover .sidebar__active {
-  background-color: rgba(228, 35, 19, 0.88);
-}
-
-.sidebar__button--selected:not(:disabled):active .sidebar__active {
-  background-color: rgba(228, 35, 19, 0.76);
-}
-
-.sidebar__icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-icon-size, 24) * 1px);
-  height: calc(var(--navigation-rail-nav-rail-item-common-nav-rail-item-icon-size, 24) * 1px);
-  color: currentColor;
-}
-
-.sidebar__icon-svg,
-.sidebar__icon-img {
-  width: 100%;
-  height: 100%;
-}
-
-.sidebar__icon-svg {
-  fill: currentColor;
-}
-
-.sidebar__icon-img {
-  object-fit: contain;
-}
-
-.sidebar__label {
-  flex: 1 1 auto;
-  min-width: 0;
-  font-size: 0.8125rem;
-  font-weight: 600;
-  letter-spacing: 0.01em;
-  line-height: 1.2;
-  color: inherit;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  transition: opacity 200ms ease;
-}
-
-.sidebar__accessory {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  margin-left: auto;
-  color: inherit;
-}
-
-.sidebar__accessory-svg,
-.sidebar__accessory-img {
-  width: 100%;
-  height: 100%;
-  fill: currentColor;
-}
-
-.sidebar__footer {
-  margin-top: auto;
-  align-items: flex-end;
-  padding-bottom: calc(var(--navigation-rail-nav-rail-collapsed-nav-rail-collapsed-item-vertical-space, 4) * 1px);
-}

package/src/lib/components/sidebar/sidebar.html

@@ -1,67 +0,0 @@
-<aside class="sidebar" role="navigation" aria-label="Navegación principal" [class.sidebar--show-labels]="hasLabels()">
-  <div class="sidebar__header">
-    <ng-content select="[sidebar-header]"></ng-content>
-  </div>
-
-  <nav class="sidebar__nav" aria-label="Secciones">
-    <ul class="sidebar__list">
-      @for (item of items(); track trackById($index, item)) {
-        <li
-          class="sidebar__item"
-          [class.sidebar__item--selected]="isSelected(item)"
-          [class.sidebar__item--disabled]="item.disabled"
-        >
-          <button
-            type="button"
-            class="sidebar__button"
-            [class.sidebar__button--expanded]="hasLabels()"
-            [class.sidebar__button--selected]="isSelected(item)"
-            [attr.aria-label]="item.ariaLabel ?? item.label"
-            [attr.aria-current]="isSelected(item) ? 'page' : null"
-            [attr.title]="shouldShowLabel(item) ? null : (item.ariaLabel || item.label)"
-            [disabled]="item.disabled"
-            (click)="onSelect(item)"
-          >
-            <span class="sidebar__active" [class.sidebar__active--expanded]="hasLabels()">
-              @if (iconRef(item); as iconSrc) {
-                <span class="sidebar__icon" aria-hidden="true">
-                  <ng-container
-                    [ngTemplateOutlet]="renderIcon"
-                    [ngTemplateOutletContext]="{ $implicit: iconSrc, svgClass: 'sidebar__icon-svg', imgClass: 'sidebar__icon-img' }"
-                  ></ng-container>
-                </span>
-              }
-
-              @if (shouldShowLabel(item)) {
-                <span class="sidebar__label">{{ item.label }}</span>
-              }
-
-              @if (accessoryRef(item); as accessorySrc) {
-                <span class="sidebar__accessory" aria-hidden="true">
-                  <ng-container
-                    [ngTemplateOutlet]="renderIcon"
-                    [ngTemplateOutletContext]="{ $implicit: accessorySrc, svgClass: 'sidebar__accessory-svg', imgClass: 'sidebar__accessory-img' }"
-                  ></ng-container>
-                </span>
-              }
-            </span>
-          </button>
-        </li>
-      }
-    </ul>
-  </nav>
-
-  <div class="sidebar__footer">
-    <ng-content select="[sidebar-footer]"></ng-content>
-  </div>
-
-  <ng-template #renderIcon let-src let-svgClass="svgClass" let-imgClass="imgClass">
-    @if (isSprite(src)) {
-      <svg [attr.class]="svgClass">
-        <use [attr.href]="src"></use>
-      </svg>
-    } @else {
-      <img [attr.class]="imgClass" [src]="src" alt="" />
-    }
-  </ng-template>
-</aside>

package/src/lib/components/sidebar/sidebar.ts

@@ -1,92 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Output, computed, input } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-
-export interface SidebarNavItem {
-  id: string;
-  label: string;
-  icon: string;
-  iconPath?: string;
-  accessoryIcon?: string;
-  accessoryIconPath?: string;
-  ariaLabel?: string;
-  disabled?: boolean;
-}
-
-@Component({
-  selector: 'lib-sidebar',
-  standalone: true,
-  imports: [NgTemplateOutlet],
-  templateUrl: './sidebar.html',
-  styleUrl: './sidebar.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class SidebarComponent {
-  readonly items = input<readonly SidebarNavItem[]>([]);
-  readonly selectedId = input<string | null>(null);
-  readonly showLabels = input(true);
-  readonly spritePath = input('assets/icons/sprite.svg');
-
-  @Output() readonly itemSelected = new EventEmitter<SidebarNavItem>();
-
-  protected readonly hasLabels = computed(() => this.showLabels() && this.items().some(({ label }) => !!label));
-
-  protected onSelect(item: SidebarNavItem): void {
-    if (item.disabled) {
-      return;
-    }
-
-    this.itemSelected.emit(item);
-  }
-
-  protected isSelected(item: SidebarNavItem): boolean {
-    return item.id === this.selectedId();
-  }
-
-  protected trackById(_index: number, item: SidebarNavItem): string {
-    return item.id;
-  }
-
-  protected iconHref(icon: string): string {
-    return `${this.spritePath()}#${icon}`;
-  }
-
-  protected accessoryHref(accessoryIcon: string): string {
-    return `${this.spritePath()}#${accessoryIcon}`;
-  }
-
-  protected iconRef(item: SidebarNavItem): string | null {
-    if (item.iconPath) {
-      return item.iconPath;
-    }
-
-    if (item.icon) {
-      return this.iconHref(item.icon);
-    }
-
-    return null;
-  }
-
-  protected accessoryRef(item: SidebarNavItem): string | null {
-    if (item.accessoryIconPath) {
-      return item.accessoryIconPath;
-    }
-
-    if (item.accessoryIcon) {
-      return this.accessoryHref(item.accessoryIcon);
-    }
-
-    return null;
-  }
-
-  protected isSprite(ref: string | null | undefined): ref is string {
-    return !!ref && ref.includes('#');
-  }
-
-  protected shouldShowLabel(item: SidebarNavItem): boolean {
-    if (!item.label) {
-      return false;
-    }
-
-    return this.showLabels();
-  }
-}

package/src/lib/components/slide-toggle/slide-toggle.html

@@ -1,3 +0,0 @@
-<mat-slide-toggle [checked]="checked()" [hideIcon]="true" (change)="onChange($event)">
-	<ng-content></ng-content>
-</mat-slide-toggle>

package/src/lib/components/slide-toggle/slide-toggle.ts

@@ -1,18 +0,0 @@
-import { Component, input, output } from '@angular/core';
-import { MatSlideToggleModule, MatSlideToggleChange } from '@angular/material/slide-toggle';
-
-@Component({
-  selector: 'lib-slide-toggle, slide-toggle',
-  standalone: true, 
-  imports: [MatSlideToggleModule],
-  templateUrl: './slide-toggle.html',
-  styleUrl: './slide-toggle.css',
-})
-export class SlideToggle {
-  checked = input(false);
-  checkedChange = output<boolean>();
-
-  onChange(event: MatSlideToggleChange) {
-    this.checkedChange.emit(event.checked);
-  }
-}

package/src/lib/components/spinner/spinner.css

@@ -1,9 +0,0 @@
-:host {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-:host ::ng-deep .lib-spinner {
-  --mdc-circular-progress-active-indicator-color: var(--lib-spinner-color, var(--Rojo-400, #e30613));
-}

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" }
-  ]
-}