8 | cli works! 9 |
10 | `, 11 | styles: `` 12 | }) 13 | export class Cli { 14 | 15 | } 16 | -------------------------------------------------------------------------------- /projects/ui/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ui", 3 | "version": "0.0.1", 4 | "peerDependencies": { 5 | "@angular/common": "^20.1.0", 6 | "@angular/core": "^20.1.0" 7 | }, 8 | "dependencies": { 9 | "tslib": "^2.3.0" 10 | }, 11 | "sideEffects": false 12 | } 13 | -------------------------------------------------------------------------------- /projects/docs/src/app/pages/docs/dark-mode/dark-mode.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'docs-dark-mode', 5 | standalone: true, 6 | imports: [], 7 | templateUrl: './dark-mode.html' 8 | }) 9 | export class DarkMode { 10 | 11 | } 12 | -------------------------------------------------------------------------------- /projects/docs/src/main.server.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser'; 2 | import { App } from './app/app'; 3 | import { config } from './app/app.config.server'; 4 | 5 | const bootstrap = () => bootstrapApplication(App, config); 6 | 7 | export default bootstrap; 8 | -------------------------------------------------------------------------------- /projects/docs/src/app/pages/docs/components-json/components-json.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'docs-components-json', 5 | standalone: true, 6 | imports: [], 7 | templateUrl: './components-json.html' 8 | }) 9 | export class ComponentsJson { 10 | 11 | } 12 | -------------------------------------------------------------------------------- /projects/docs/src/app/pages/docs/cli/cli.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | import { CodeBlock } from '../../../shared/components/code-block/code-block'; 3 | 4 | @Component({ 5 | selector: 'docs-cli', 6 | standalone: true, 7 | imports: [CodeBlock], 8 | templateUrl: './cli.html' 9 | }) 10 | export class Cli { 11 | 12 | } 13 | -------------------------------------------------------------------------------- /projects/docs/public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Allow: / 3 | 4 | # Sitemap 5 | Sitemap: https://slateui.dev/sitemap.xml 6 | 7 | # Disallow admin or private areas (if any) 8 | Disallow: /admin/ 9 | Disallow: /private/ 10 | 11 | # Allow important directories 12 | Allow: /docs/ 13 | Allow: /components/ 14 | Allow: /assets/ 15 | 16 | # Crawl delay (optional) 17 | Crawl-delay: 1 18 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | ij_typescript_use_double_quotes = false 14 | 15 | [*.md] 16 | max_line_length = off 17 | trim_trailing_whitespace = false 18 | -------------------------------------------------------------------------------- /projects/docs/src/app/pages/pages.routes.ts: -------------------------------------------------------------------------------- 1 | import { Routes } from '@angular/router'; 2 | 3 | export const routes: Routes = [ 4 | { 5 | path: '', 6 | loadComponent: () => import('./landing/landing').then(m => m.Landing) 7 | }, 8 | { 9 | path: 'docs', 10 | loadChildren: () => import('./docs/docs.routes').then(m => m.routes) 11 | }, 12 | { 13 | path: '**', 14 | redirectTo: '' 15 | } 16 | ]; 17 | -------------------------------------------------------------------------------- /projects/cli/tsconfig.lib.prod.json: -------------------------------------------------------------------------------- 1 | /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ 2 | /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ 3 | { 4 | "extends": "./tsconfig.lib.json", 5 | "compilerOptions": { 6 | "declarationMap": false 7 | }, 8 | "angularCompilerOptions": { 9 | "compilationMode": "partial" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /projects/docs/src/app/shared/pipes/safe-html-pipe.ts: -------------------------------------------------------------------------------- 1 | import { inject, Pipe, PipeTransform } from '@angular/core'; 2 | import { DomSanitizer } from '@angular/platform-browser'; 3 | 4 | @Pipe({ 5 | name: 'safeHtml' 6 | }) 7 | export class SafeHtmlPipe implements PipeTransform { 8 | private sanitizer = inject(DomSanitizer); 9 | transform(value: string, ...args: unknown[]): unknown { 10 | return this.sanitizer.bypassSecurityTrustHtml(value);; 11 | } 12 | 13 | } 14 | -------------------------------------------------------------------------------- /projects/ui/tsconfig.lib.prod.json: -------------------------------------------------------------------------------- 1 | /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ 2 | /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ 3 | { 4 | "extends": "./tsconfig.lib.json", 5 | "compilerOptions": { 6 | "declarationMap": false 7 | }, 8 | "angularCompilerOptions": { 9 | "compilationMode": "partial" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /projects/cli/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ 2 | /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ 3 | { 4 | "extends": "../../tsconfig.json", 5 | "compilerOptions": { 6 | "outDir": "../../out-tsc/spec", 7 | "types": [ 8 | "jasmine" 9 | ] 10 | }, 11 | "include": [ 12 | "src/**/*.ts" 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /projects/docs/src/app/app.ts: -------------------------------------------------------------------------------- 1 | import { Component, signal, inject } from '@angular/core'; 2 | import { RouterOutlet } from '@angular/router'; 3 | import { HighlightThemeService } from './shared/services/highlight-theme.service'; 4 | 5 | @Component({ 6 | selector: 'app-root', 7 | imports: [RouterOutlet], 8 | templateUrl: './app.html' 9 | }) 10 | export class App { 11 | // Inject the service to ensure it's initialized 12 | private highlightThemeService = inject(HighlightThemeService); 13 | } 14 | -------------------------------------------------------------------------------- /projects/ui/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ 2 | /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ 3 | { 4 | "extends": "../../tsconfig.json", 5 | "compilerOptions": { 6 | "outDir": "../../out-tsc/spec", 7 | "types": [ 8 | "jasmine" 9 | ] 10 | }, 11 | "include": [ 12 | "src/**/*.ts" 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /projects/docs/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ 2 | /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ 3 | { 4 | "extends": "../../tsconfig.json", 5 | "compilerOptions": { 6 | "outDir": "../../out-tsc/spec", 7 | "types": [ 8 | "jasmine" 9 | ] 10 | }, 11 | "include": [ 12 | "src/**/*.ts" 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /projects/docs/src/app/app.config.server.ts: -------------------------------------------------------------------------------- 1 | import { mergeApplicationConfig, ApplicationConfig } from '@angular/core'; 2 | import { provideServerRendering, withRoutes } from '@angular/ssr'; 3 | import { appConfig } from './app.config'; 4 | import { serverRoutes } from './app.routes.server'; 5 | 6 | const serverConfig: ApplicationConfig = { 7 | providers: [ 8 | provideServerRendering(withRoutes(serverRoutes)) 9 | ] 10 | }; 11 | 12 | export const config = mergeApplicationConfig(appConfig, serverConfig); 13 | -------------------------------------------------------------------------------- /projects/docs/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ 2 | /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ 3 | { 4 | "extends": "../../tsconfig.json", 5 | "compilerOptions": { 6 | "outDir": "../../out-tsc/app", 7 | "types": [ 8 | "node" 9 | ] 10 | }, 11 | "include": [ 12 | "src/**/*.ts" 13 | ], 14 | "exclude": [ 15 | "src/**/*.spec.ts" 16 | ] 17 | } 18 | -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 3 | "version": "0.2.0", 4 | "configurations": [ 5 | { 6 | "name": "ng serve", 7 | "type": "chrome", 8 | "request": "launch", 9 | "preLaunchTask": "npm: start", 10 | "url": "http://localhost:4200/" 11 | }, 12 | { 13 | "name": "ng test", 14 | "type": "chrome", 15 | "request": "launch", 16 | "preLaunchTask": "npm: test", 17 | "url": "http://localhost:9876/debug.html" 18 | } 19 | ] 20 | } 21 | -------------------------------------------------------------------------------- /projects/cli/schematics/collection.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json", 3 | "schematics": { 4 | "init": { 5 | "description": "Initialize SlateUI in your Angular project with base color selection.", 6 | "factory": "./init/index#init", 7 | "schema": "./init/schema.json" 8 | }, 9 | "add": { 10 | "description": "Add SlateUI directives from the official registry. Use --all to add all directives.", 11 | "factory": "./add/index#add", 12 | "schema": "./add/schema.json" 13 | } 14 | } 15 | } -------------------------------------------------------------------------------- /projects/cli/schematics/init/rules/install-dependencies.ts: -------------------------------------------------------------------------------- 1 | import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics'; 2 | import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks'; 3 | 4 | export function installDependencies(): Rule { 5 | return async (tree: Tree, context: SchematicContext) => { 6 | context.addTask(new NodePackageInstallTask({ 7 | packageName: '@angular/cdk @floating-ui/dom ng-primitives tailwind-variants tailwind-merge tw-animate-css tailwindcss @tailwindcss/postcss postcss' 8 | })); 9 | 10 | return tree; 11 | }; 12 | } -------------------------------------------------------------------------------- /projects/docs/src/app/shared/components/tab/tab.ts: -------------------------------------------------------------------------------- 1 | import { Component, input, TemplateRef, viewChild } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'docs-tab', 5 | imports: [], 6 | templateUrl: './tab.html' 7 | }) 8 | export class Tab { 9 | /** 10 | * The value of the tab. 11 | */ 12 | readonly value = input