@brickclay-org/ui 0.0.9 → 0.0.13

package/src/lib/toggle/components/toggle.component.css

@@ -1,74 +0,0 @@
-/* --- Base Structure --- */
-.toggle-base {
-  @apply relative inline-flex items-center rounded-full transition-colors duration-200 ease-in-out border-2 border-transparent;
-  /* Focus State (Blue Ring as seen in image) */
-  @apply focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1336EF] focus-visible:ring-offset-2;
-}
-
-/* --- Colors --- */
-.toggle-off {
-  @apply bg-[#BBBDC5] hover:bg-[#A1A3AE]; /* Gray when off */
-}
-
-.toggle-on {
-  @apply bg-[#22973F] hover:bg-[#1E7735]; /* Green when on */
-}
-
-/* --- Disabled State (Bottom row of image) --- */
-.toggle-disabled {
-  @apply bg-[#D6D7DC] hover:bg-[#D6D7DC] cursor-not-allowed;
-}
-
-/* --- Knob Base --- */
-.toggle-knob {
-  @apply pointer-events-none inline-block transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out;
-}
-
-/* --- Sizes Config --- */
-
-/* Small Size */
-.toggle-sm {
-  @apply w-7;
-}
-.toggle-sm .toggle-knob {
-  @apply h-3 w-3;
-}
-.toggle-sm .knob-on {
-  @apply translate-x-3;
-}
-.toggle-sm .knob-off {
-  @apply translate-x-0;
-}
-
-/* Medium Size (Default) */
-.toggle-md {
-  @apply w-9;
-}
-.toggle-md .toggle-knob {
-  @apply h-4 w-4;
-}
-.toggle-md .knob-on {
-  @apply translate-x-4;
-}
-.toggle-md .knob-off {
-  @apply translate-x-0;
-}
-
-/* Large Size */
-.toggle-lg {
-  @apply w-11;
-}
-.toggle-lg .toggle-knob {
-  @apply h-5 w-5;
-}
-.toggle-lg .knob-on {
-  @apply translate-x-5;
-}
-.toggle-lg .knob-off {
-  @apply translate-x-0;
-}
-
-
-
-
-

package/src/lib/toggle/components/toggle.component.html

@@ -1,24 +0,0 @@
-<div class="inline-flex items-center gap-2 cursor-pointer" (click)="toggle()">
-  <button
-    type="button"
-    role="switch"
-    [attr.aria-checked]="isChecked"
-    [disabled]="disabled"
-    class="toggle-base"
-    [ngClass]="toggleClass"
-    [class.toggle-on]="isChecked"
-    [class.toggle-off]="!isChecked"
-    [class.toggle-disabled]="disabled"
-  >
-    <span
-      class="toggle-knob"
-      [class.knob-on]="isChecked"
-      [class.knob-off]="!isChecked"
-    ></span>
-  </button>
-  @if (label){
-  <span class="text-sm font-medium text-[#1B223A] select-none" [class.opacity-70]="disabled">
-    {{ label }}
-  </span>
-  }
-</div>

package/src/lib/toggle/components/toggle.component.ts

@@ -1,62 +0,0 @@
-import { Component, Input, Output, EventEmitter, forwardRef, ViewEncapsulation } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-
-@Component({
-  selector: 'brickclay-toggle',
-  standalone: true,
-  imports: [CommonModule],
-  encapsulation:ViewEncapsulation.None,
-  templateUrl: './toggle.component.html',
-  styleUrls: ['./toggle.component.css'],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => ToggleComponent),
-      multi: true
-    }
-  ]
-})
-export class ToggleComponent implements ControlValueAccessor {
-
-  @Input() label: string = '';
-  @Input() disabled: boolean = false;
-  @Input() toggleClass: string = 'toggle-md';
-
-  @Output() change = new EventEmitter<boolean>();
-
-  isChecked: boolean = false;
-
-  // CVA callbacks (placeholders)
-  onChange = (_: boolean) => {};
-  onTouched = () => {};
-
-  toggle() {
-    if (this.disabled) return;
-
-    this.isChecked = !this.isChecked;
-    this.onChange(this.isChecked); // Notify Forms API
-    this.onTouched();              // Notify Validation API
-    this.change.emit(this.isChecked); // Notify standard event listeners
-  }
-
-  // Called by Angular to write value to the view
-  writeValue(value: boolean): void {
-    this.isChecked = value;
-  }
-
-  // Called by Angular to register the function to call when changed
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-
-  // Called by Angular to register the function to call when touched
-  registerOnTouched(fn: any): void {
-    this.onTouched = fn;
-  }
-
-  // Called by Angular when the disabled state changes
-  setDisabledState(isDisabled: boolean): void {
-    this.disabled = isDisabled;
-  }
-}

package/src/public-api.ts

@@ -1,20 +0,0 @@
-/*
- * Public API Surface of brickclay-lib
- */
-
-//Icons
-export * from './lib/assets/icons'
-//Library
-export * from './lib/brickclay-lib';
-//Calender
-export * from './lib/calender/components/custom-calendar/custom-calendar.component';
-export * from './lib/calender/components/scheduled-date-picker/scheduled-date-picker.component';
-export * from './lib/calender/components/time-picker/time-picker.component';
-export * from './lib/calender/calendar.module';
-export * from './lib/calender/services/calendar-manager.service';
-//Toggle
-export * from './lib/toggle/components/toggle.component';
-//CheckBox
-export * from './lib/checkbox/checkbox';
-//Radio-Button
-export * from './lib/radio/radio'

package/tsconfig.lib.json

@@ -1,19 +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/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "sourceMap": true,
-    "types": []
-  },
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,11 +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.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

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": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "src/**/*.d.ts",
-    "src/**/*.spec.ts"
-  ]
-}