angular-techs-logos 0.0.8 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1276,7 +1276,146 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImpor
|
|
|
1276
1276
|
}] });
|
|
1277
1277
|
|
|
1278
1278
|
const techs = [
|
|
1279
|
-
{ name: 'fortran', icon: FortranComponent },
|
|
1279
|
+
{ name: 'fortran', icon: FortranComponent },
|
|
1280
|
+
{ name: 'steam', icon: SteamComponent },
|
|
1281
|
+
{ name: 'gemini', icon: GeminiComponent },
|
|
1282
|
+
{ name: 'tumblr', icon: TumblrComponent },
|
|
1283
|
+
{ name: 'cypress', icon: CypressComponent },
|
|
1284
|
+
{ name: 'dropbox', icon: DropboxComponent },
|
|
1285
|
+
{ name: 'turbo', icon: TurboComponent },
|
|
1286
|
+
{ name: 'microsoft', icon: MicrosoftComponent },
|
|
1287
|
+
{ name: 'apache', icon: ApacheComponent },
|
|
1288
|
+
{ name: 'webpack', icon: WebpackComponent },
|
|
1289
|
+
{ name: 'javascript', icon: JavascriptComponent },
|
|
1290
|
+
{ name: 'linux', icon: LinuxComponent },
|
|
1291
|
+
{ name: 'drupal', icon: DrupalComponent },
|
|
1292
|
+
{ name: 'android', icon: AndroidComponent },
|
|
1293
|
+
{ name: 'vue', icon: VueComponent },
|
|
1294
|
+
{ name: 'mint', icon: MintComponent },
|
|
1295
|
+
{ name: 'visualcode', icon: VisualcodeComponent },
|
|
1296
|
+
{ name: 'vitest', icon: VitestComponent },
|
|
1297
|
+
{ name: 'gitlab', icon: GitlabComponent },
|
|
1298
|
+
{ name: 'aws', icon: AwsComponent },
|
|
1299
|
+
{ name: 'sass', icon: SassComponent },
|
|
1300
|
+
{ name: 'rust', icon: RustComponent },
|
|
1301
|
+
{ name: 'supabase', icon: SupabaseComponent },
|
|
1302
|
+
{ name: 'firebase', icon: FirebaseComponent },
|
|
1303
|
+
{ name: 'java', icon: JavaComponent },
|
|
1304
|
+
{ name: 'bitbucket', icon: BitbucketComponent },
|
|
1305
|
+
{ name: 'github', icon: GithubComponent },
|
|
1306
|
+
{ name: 'ibm', icon: IbmComponent },
|
|
1307
|
+
{ name: 'oracle', icon: OracleComponent },
|
|
1308
|
+
{ name: 'manjaro', icon: ManjaroComponent },
|
|
1309
|
+
{ name: 'expo', icon: ExpoComponent },
|
|
1310
|
+
{ name: 'copilot', icon: CopilotComponent },
|
|
1311
|
+
{ name: 'npm', icon: NpmComponent },
|
|
1312
|
+
{ name: 'nuxt', icon: NuxtComponent },
|
|
1313
|
+
{ name: 'cpp', icon: CppComponent },
|
|
1314
|
+
{ name: 'angular', icon: AngularComponent },
|
|
1315
|
+
{ name: 'x', icon: XComponent },
|
|
1316
|
+
{ name: 'vk', icon: VkComponent },
|
|
1317
|
+
{ name: 'pandas', icon: PandasComponent },
|
|
1318
|
+
{ name: 'mozilla', icon: MozillaComponent },
|
|
1319
|
+
{ name: 'tailwind', icon: TailwindComponent },
|
|
1320
|
+
{ name: 'instagram', icon: InstagramComponent },
|
|
1321
|
+
{ name: 'shopify', icon: ShopifyComponent },
|
|
1322
|
+
{ name: 'ruby', icon: RubyComponent },
|
|
1323
|
+
{ name: 'edge', icon: EdgeComponent },
|
|
1324
|
+
{ name: 'safari', icon: SafariComponent },
|
|
1325
|
+
{ name: 'karma', icon: KarmaComponent },
|
|
1326
|
+
{ name: 'backbone', icon: BackboneComponent },
|
|
1327
|
+
{ name: 'python', icon: PythonComponent },
|
|
1328
|
+
{ name: 'primevideo', icon: PrimevideoComponent },
|
|
1329
|
+
{ name: 'docker', icon: DockerComponent },
|
|
1330
|
+
{ name: 'git', icon: GitComponent },
|
|
1331
|
+
{ name: 'opensuse', icon: OpensuseComponent },
|
|
1332
|
+
{ name: 'nvidia', icon: NvidiaComponent },
|
|
1333
|
+
{ name: 'xcode', icon: XcodeComponent },
|
|
1334
|
+
{ name: 'telegram', icon: TelegramComponent },
|
|
1335
|
+
{ name: 'tensorflow', icon: TensorflowComponent },
|
|
1336
|
+
{ name: 'raspberry', icon: RaspberryComponent },
|
|
1337
|
+
{ name: 'vite', icon: ViteComponent },
|
|
1338
|
+
{ name: 'archlinux', icon: ArchlinuxComponent },
|
|
1339
|
+
{ name: 'lua', icon: LuaComponent },
|
|
1340
|
+
{ name: 'cisco', icon: CiscoComponent },
|
|
1341
|
+
{ name: 'nextjs', icon: NextjsComponent },
|
|
1342
|
+
{ name: 'spotify', icon: SpotifyComponent },
|
|
1343
|
+
{ name: 'kotlin', icon: KotlinComponent },
|
|
1344
|
+
{ name: 'kubernets', icon: KubernetsComponent },
|
|
1345
|
+
{ name: 'deepin', icon: DeepinComponent },
|
|
1346
|
+
{ name: 'mariadb', icon: MariadbComponent },
|
|
1347
|
+
{ name: 'centos', icon: CentosComponent },
|
|
1348
|
+
{ name: 'mongodb', icon: MongodbComponent },
|
|
1349
|
+
{ name: 'svelte', icon: SvelteComponent },
|
|
1350
|
+
{ name: 'eclipse', icon: EclipseComponent },
|
|
1351
|
+
{ name: 'ubuntu', icon: UbuntuComponent },
|
|
1352
|
+
{ name: 'deezer', icon: DeezerComponent },
|
|
1353
|
+
{ name: 'snapdragon', icon: SnapdragonComponent },
|
|
1354
|
+
{ name: 'facebook', icon: FacebookComponent },
|
|
1355
|
+
{ name: 'kalilinux', icon: KalilinuxComponent },
|
|
1356
|
+
{ name: 'pinterest', icon: PinterestComponent },
|
|
1357
|
+
{ name: 'css', icon: CssComponent },
|
|
1358
|
+
{ name: 'chatgpt', icon: ChatgptComponent },
|
|
1359
|
+
{ name: 'jest', icon: JestComponent },
|
|
1360
|
+
{ name: 'spacex', icon: SpacexComponent },
|
|
1361
|
+
{ name: 'yandex', icon: YandexComponent },
|
|
1362
|
+
{ name: 'stylus', icon: StylusComponent },
|
|
1363
|
+
{ name: 'whatsapp', icon: WhatsappComponent },
|
|
1364
|
+
{ name: 'google', icon: GoogleComponent },
|
|
1365
|
+
{ name: 'php', icon: PhpComponent },
|
|
1366
|
+
{ name: 'typescript', icon: TypescriptComponent },
|
|
1367
|
+
{ name: 'stackoverflow', icon: StackoverflowComponent },
|
|
1368
|
+
{ name: 'vercel', icon: VercelComponent },
|
|
1369
|
+
{ name: 'fedora', icon: FedoraComponent },
|
|
1370
|
+
{ name: 'qwik', icon: QwikComponent },
|
|
1371
|
+
{ name: 'redhat', icon: RedhatComponent },
|
|
1372
|
+
{ name: 'playstore', icon: PlaystoreComponent },
|
|
1373
|
+
{ name: 'androidstudio', icon: AndroidstudioComponent },
|
|
1374
|
+
{ name: 'slackware', icon: SlackwareComponent },
|
|
1375
|
+
{ name: 'youtube', icon: YoutubeComponent },
|
|
1376
|
+
{ name: 'hp', icon: HpComponent },
|
|
1377
|
+
{ name: 'gulp', icon: GulpComponent },
|
|
1378
|
+
{ name: 'astro', icon: AstroComponent },
|
|
1379
|
+
{ name: 'pwa', icon: PwaComponent },
|
|
1380
|
+
{ name: 'evernote', icon: EvernoteComponent },
|
|
1381
|
+
{ name: 'codepen', icon: CodepenComponent },
|
|
1382
|
+
{ name: 'dribbble', icon: DribbbleComponent },
|
|
1383
|
+
{ name: 'amd', icon: AmdComponent },
|
|
1384
|
+
{ name: 'redis', icon: RedisComponent },
|
|
1385
|
+
{ name: 'linkedin', icon: LinkedinComponent },
|
|
1386
|
+
{ name: 'react', icon: ReactComponent },
|
|
1387
|
+
{ name: 'less', icon: LessComponent },
|
|
1388
|
+
{ name: 'swift', icon: SwiftComponent },
|
|
1389
|
+
{ name: 'discord', icon: DiscordComponent },
|
|
1390
|
+
{ name: 'opera', icon: OperaComponent },
|
|
1391
|
+
{ name: 'jetbrains', icon: JetbrainsComponent },
|
|
1392
|
+
{ name: 'macos', icon: MacosComponent },
|
|
1393
|
+
{ name: 'debian', icon: DebianComponent },
|
|
1394
|
+
{ name: 'duckduckgo', icon: DuckduckgoComponent },
|
|
1395
|
+
{ name: 'html', icon: HtmlComponent },
|
|
1396
|
+
{ name: 'soundcloud', icon: SoundcloudComponent },
|
|
1397
|
+
{ name: 'elementaryos', icon: ElementaryosComponent },
|
|
1398
|
+
{ name: 'torrent', icon: TorrentComponent },
|
|
1399
|
+
{ name: 'intellij', icon: IntellijComponent },
|
|
1400
|
+
{ name: 'ember', icon: EmberComponent },
|
|
1401
|
+
{ name: 'mysql', icon: MysqlComponent },
|
|
1402
|
+
{ name: 'baidu', icon: BaiduComponent },
|
|
1403
|
+
{ name: 'wordpress', icon: WordpressComponent },
|
|
1404
|
+
{ name: 'csharp', icon: CsharpComponent },
|
|
1405
|
+
{ name: 'springboot', icon: SpringbootComponent },
|
|
1406
|
+
{ name: 'tomcat', icon: TomcatComponent },
|
|
1407
|
+
{ name: 'tor', icon: TorComponent },
|
|
1408
|
+
{ name: 'go', icon: GoComponent },
|
|
1409
|
+
{ name: 'chrome', icon: ChromeComponent },
|
|
1410
|
+
{ name: 'apple', icon: AppleComponent },
|
|
1411
|
+
{ name: 'netflix', icon: NetflixComponent },
|
|
1412
|
+
{ name: 'digitalocean', icon: DigitaloceanComponent },
|
|
1413
|
+
{ name: 'postgresql', icon: PostgresqlComponent },
|
|
1414
|
+
{ name: 'node', icon: NodeComponent },
|
|
1415
|
+
{ name: 'tiktok', icon: TiktokComponent },
|
|
1416
|
+
{ name: 'cobol', icon: CobolComponent },
|
|
1417
|
+
{ name: 'firefox', icon: FirefoxComponent },
|
|
1418
|
+
{ name: 'max', icon: MaxComponent },
|
|
1280
1419
|
];
|
|
1281
1420
|
|
|
1282
1421
|
class AngularTechsLogosComponent {
|
|
@@ -1292,15 +1431,15 @@ class AngularTechsLogosComponent {
|
|
|
1292
1431
|
this.updateTechs();
|
|
1293
1432
|
}
|
|
1294
1433
|
}
|
|
1295
|
-
ngAfterViewInit() {
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
}
|
|
1434
|
+
// ngAfterViewInit(): void {
|
|
1435
|
+
// if (this.name) {
|
|
1436
|
+
// const tech = this.getTech(this.name);
|
|
1437
|
+
// if (tech) {
|
|
1438
|
+
// // this.loadIcon(tech.icon);
|
|
1439
|
+
// }
|
|
1440
|
+
// }
|
|
1441
|
+
// this.cdr.detectChanges();
|
|
1442
|
+
// }
|
|
1304
1443
|
updateTechs() {
|
|
1305
1444
|
if (this.list) {
|
|
1306
1445
|
this.techs = this.getTechs(this.list);
|
|
@@ -1311,6 +1450,11 @@ class AngularTechsLogosComponent {
|
|
|
1311
1450
|
else {
|
|
1312
1451
|
this.techs = this.techs;
|
|
1313
1452
|
}
|
|
1453
|
+
console.log('this.techs: ', this.techs);
|
|
1454
|
+
}
|
|
1455
|
+
techClass(name) {
|
|
1456
|
+
const className = this.getTech(name)?.name?.toLowerCase() || '';
|
|
1457
|
+
return [this.class || '', className];
|
|
1314
1458
|
}
|
|
1315
1459
|
getTech(name) {
|
|
1316
1460
|
return this.techs.find(item => item.name.toLowerCase() === name.toLowerCase());
|
|
@@ -1321,23 +1465,16 @@ class AngularTechsLogosComponent {
|
|
|
1321
1465
|
hiddenTechs(items) {
|
|
1322
1466
|
return this.techs.filter(tech => !items.includes(tech.name.toLowerCase()));
|
|
1323
1467
|
}
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
this.iconContainer.clear();
|
|
1328
|
-
this.iconContainer.createComponent(icon);
|
|
1329
|
-
console.log("test this.iconContainer:", this.iconContainer);
|
|
1330
|
-
// const componentFactory = this.componentFactoryResolver.resolveComponentFactory(icon);
|
|
1331
|
-
// const componentRef: ComponentRef<any> = componentFactory.create(this.injector);
|
|
1332
|
-
// this.iconContainer.insert(componentRef.hostView);
|
|
1333
|
-
}
|
|
1468
|
+
getIcon(icon) {
|
|
1469
|
+
console.log("icon: ", icon);
|
|
1470
|
+
return icon;
|
|
1334
1471
|
}
|
|
1335
1472
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AngularTechsLogosComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1336
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AngularTechsLogosComponent, selector: "lib-angular-techs-logos", inputs: { list: "list", name: "name", size: "size", label: "label", hiddenLabel: "hiddenLabel", class: "class", hiddenLogos: "hiddenLogos" }, viewQueries: [{ propertyName: "iconContainer", first: true, predicate: ["iconContainer"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"techs\" [ngClass]=\"class\">\n <ng-container *ngIf=\"name && getTech(name) && !list\">\n <figure\n class=\"tech-container\"\n [ngClass]=\"[
|
|
1473
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: AngularTechsLogosComponent, selector: "lib-angular-techs-logos", inputs: { list: "list", name: "name", size: "size", label: "label", hiddenLabel: "hiddenLabel", class: "class", hiddenLogos: "hiddenLogos" }, viewQueries: [{ propertyName: "iconContainer", first: true, predicate: ["iconContainer"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"techs\" [ngClass]=\"class\">\n <ng-container *ngIf=\"name && getTech(name) && !list\">\n <figure\n class=\"tech-container\"\n [ngClass]=\"[techClass(name)]\"\n [style.width]=\"size ? size : '100px'\"\n >\n <ng-container *ngComponentOutlet=\"getIcon(getTech(name)?.icon)\" />\n <figcaption [ngClass]=\"{ tooltip: hiddenLabel }\">\n {{ label ? label : getTech(name)?.name }}\n </figcaption>\n </figure>\n </ng-container>\n <ng-container *ngIf=\"list\">\n <figure\n class=\"tech-container\"\n *ngFor=\"let tech of techs\"\n [ngClass]=\"[tech.name.toLowerCase()]\"\n [style.width]=\"size ? size : '100px'\"\n [attr.key]=\"tech.name\"\n >\n <ng-container *ngComponentOutlet=\"getIcon(tech.icon)\" />\n <figcaption [ngClass]=\"{ tooltip: hiddenLabel }\">\n {{ tech.name }}\n </figcaption>\n </figure>\n </ng-container>\n</div>\n", styles: [".techs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.techs .title{width:100%;text-align:center;margin-top:2rem}figure.tech-container{background:transparent;border:1px solid var(--vtl-background);border-radius:100px;width:120px!important;height:120px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.3s all}figure.tech-container:hover{background:var(--vtl-background);border-color:var(--vtl-background);transform:scale(1.1)}figure.tech-container svg{height:50px;margin-bottom:.2rem}figure{position:relative;text-align:center;margin:.2rem}figure figcaption{font-size:.7rem}figure figcaption.tooltip{position:absolute;bottom:2%;background:var(--vtl-background-tooltip);box-shadow:0 4px 10px var(--vtl-shadow-tooltip);padding:.2rem .5rem;border-radius:5px;pointer-events:none;opacity:0;transition:.3s all;color:#fff}figure:hover figcaption.tooltip{opacity:1;pointer-events:all}body{--vtl-background: rgba(0,0,0, .05);--vtl-background-tooltip: #444;--vtl-shadow-tooltip: rgba(0,0,0,.2);--vtl-text: #000;--vtl-background-svg: #000;--vtl-background-svg-invert: #fff;--vtl-background-gradient: linear-gradient(228deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 60%)}body.darkmode{--vtl-background: rgba(0,0,0, .5);--vtl-background-tooltip: #444;--vtl-shadow-tooltip: rgba(0,0,0,.2);--vtl-text: #fff;--vtl-background-svg: #fff;--vtl-background-svg-invert: #000;--vtl-background-gradient: linear-gradient(228deg, rgb(24, 24, 24) 0%, rgb(38, 38, 38) 60%)}@media (prefers-color-scheme: light){:root{--vtl-background: rgba(0,0,0, .05);--vtl-background-tooltip: #444;--vtl-shadow-tooltip: rgba(0,0,0,.2);--vtl-text: #000;--vtl-background-svg: #000;--vtl-background-svg-invert: #fff;--vtl-background-gradient: linear-gradient(228deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 60%)}}@media (prefers-color-scheme: dark){:root{--vtl-background: rgba(0,0,0, .5);--vtl-background-tooltip: #444;--vtl-shadow-tooltip: rgba(0,0,0,.2);--vtl-text: #fff;--vtl-background-svg: #fff;--vtl-background-svg-invert: #000;--vtl-background-gradient: linear-gradient(228deg, rgb(24, 24, 24) 0%, rgb(38, 38, 38) 60%)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1337
1474
|
}
|
|
1338
1475
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: AngularTechsLogosComponent, decorators: [{
|
|
1339
1476
|
type: Component,
|
|
1340
|
-
args: [{ selector: 'lib-angular-techs-logos', template: "<div class=\"techs\" [ngClass]=\"class\">\n <ng-container *ngIf=\"name && getTech(name) && !list\">\n <figure\n class=\"tech-container\"\n [ngClass]=\"[
|
|
1477
|
+
args: [{ selector: 'lib-angular-techs-logos', template: "<div class=\"techs\" [ngClass]=\"class\">\n <ng-container *ngIf=\"name && getTech(name) && !list\">\n <figure\n class=\"tech-container\"\n [ngClass]=\"[techClass(name)]\"\n [style.width]=\"size ? size : '100px'\"\n >\n <ng-container *ngComponentOutlet=\"getIcon(getTech(name)?.icon)\" />\n <figcaption [ngClass]=\"{ tooltip: hiddenLabel }\">\n {{ label ? label : getTech(name)?.name }}\n </figcaption>\n </figure>\n </ng-container>\n <ng-container *ngIf=\"list\">\n <figure\n class=\"tech-container\"\n *ngFor=\"let tech of techs\"\n [ngClass]=\"[tech.name.toLowerCase()]\"\n [style.width]=\"size ? size : '100px'\"\n [attr.key]=\"tech.name\"\n >\n <ng-container *ngComponentOutlet=\"getIcon(tech.icon)\" />\n <figcaption [ngClass]=\"{ tooltip: hiddenLabel }\">\n {{ tech.name }}\n </figcaption>\n </figure>\n </ng-container>\n</div>\n", styles: [".techs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.techs .title{width:100%;text-align:center;margin-top:2rem}figure.tech-container{background:transparent;border:1px solid var(--vtl-background);border-radius:100px;width:120px!important;height:120px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.3s all}figure.tech-container:hover{background:var(--vtl-background);border-color:var(--vtl-background);transform:scale(1.1)}figure.tech-container svg{height:50px;margin-bottom:.2rem}figure{position:relative;text-align:center;margin:.2rem}figure figcaption{font-size:.7rem}figure figcaption.tooltip{position:absolute;bottom:2%;background:var(--vtl-background-tooltip);box-shadow:0 4px 10px var(--vtl-shadow-tooltip);padding:.2rem .5rem;border-radius:5px;pointer-events:none;opacity:0;transition:.3s all;color:#fff}figure:hover figcaption.tooltip{opacity:1;pointer-events:all}body{--vtl-background: rgba(0,0,0, .05);--vtl-background-tooltip: #444;--vtl-shadow-tooltip: rgba(0,0,0,.2);--vtl-text: #000;--vtl-background-svg: #000;--vtl-background-svg-invert: #fff;--vtl-background-gradient: linear-gradient(228deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 60%)}body.darkmode{--vtl-background: rgba(0,0,0, .5);--vtl-background-tooltip: #444;--vtl-shadow-tooltip: rgba(0,0,0,.2);--vtl-text: #fff;--vtl-background-svg: #fff;--vtl-background-svg-invert: #000;--vtl-background-gradient: linear-gradient(228deg, rgb(24, 24, 24) 0%, rgb(38, 38, 38) 60%)}@media (prefers-color-scheme: light){:root{--vtl-background: rgba(0,0,0, .05);--vtl-background-tooltip: #444;--vtl-shadow-tooltip: rgba(0,0,0,.2);--vtl-text: #000;--vtl-background-svg: #000;--vtl-background-svg-invert: #fff;--vtl-background-gradient: linear-gradient(228deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 60%)}}@media (prefers-color-scheme: dark){:root{--vtl-background: rgba(0,0,0, .5);--vtl-background-tooltip: #444;--vtl-shadow-tooltip: rgba(0,0,0,.2);--vtl-text: #fff;--vtl-background-svg: #fff;--vtl-background-svg-invert: #000;--vtl-background-gradient: linear-gradient(228deg, rgb(24, 24, 24) 0%, rgb(38, 38, 38) 60%)}}\n"] }]
|
|
1341
1478
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { list: [{
|
|
1342
1479
|
type: Input
|
|
1343
1480
|
}], name: [{
|